#2DCCCB#2DCCCB
#2DCCCB لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.481؛ OKLCH L 76.9% C 0.123 H 194.2°. أفضل لون لنص المتن هو #000000 بتباين 10.61:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #2DCCCB |
|---|---|
| RGB | rgb(45, 204, 203) |
| HSL | hsl(180, 64%, 49%) |
| HSV | hsv(180, 78%, 80%) |
| CMYK | cmyk(77.9%, 0%, 0.5%, 20%) |
| CIE-LAB | lab(74.86, -38.62, -10.88) |
| CIE-LCH | lch(74.86, 40.12, 195.74°) |
| OKLab | oklab(76.88% -0.1195 -0.0303) |
| OKLCH | oklch(76.88% 0.123 194.2) |
| XYZ | xyz(33.4495, 48.0512, 64.0002) |
| Luminance | 0.4805 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Darkturquoise
#00CED1
ΔE00 1.53
Mediumturquoise
#48D1CC
ΔE00 2.11
Topaz
#13BBAF
ΔE00 6.20
Aqua Blue
#02D8E9
ΔE00 6.57
Turquoise
#40E0D0
ΔE00 6.77
Lightseagreen
#20B2AA
ΔE00 7.53
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#2DCCCB #CC2D2E
analogous
#2DCC7C #2DCCCB #2D7ECC
triadic
#2DCCCB #CB2DCC #CCCB2D
tetradic
#2DCCCB #7C2DCC #CC2D2E #7ECC2D
square
#2DCCCB #7C2DCC #CC2D2E #7ECC2D
split-complementary
#2DCCCB #CC2D7E #CC7C2D
monochromatic
#176867 #229A99 #2DCCCB #5BDBDA #8DE6E5
إمكانية الوصول والتباين
On white
1.98
#2DCCCB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.61
#2DCCCB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #2DCCCB
10.61:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##2DCCCB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##2DCCCB | 1.00 | 1.98 | 10.61 | 10.61 |
| #FFFFFF | 1.98 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.61 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BEC2CB
Deuteranopia (green-blind)
#A8B1CC
Tritanopia (blue-blind)
#00D3CB
Achromatopsia (no color)
#B8B8B8
وسوم التصميم والكود
CSS
--color: #2dcccb; /* rgb */ color: rgb(45, 204, 203); /* oklch */ color: oklch(76.9% 0.123 194.2);
Tailwind
colors: {
custom: {
50: '#83dcda',
500: '#2dcccb',
950: '#000000',
},
}SCSS
$custom: #2dcccb; $custom-light: #83dcda; $custom-dark: #000000;
JSON
{
"hex": "#2dcccb",
"rgb": {
"r": 45,
"g": 204,
"b": 203
},
"hsl": {
"h": 179.623,
"s": 63.855,
"l": 48.824
},
"oklch": {
"l": 0.76882,
"c": 0.12328,
"h": 194.2
},
"luminance": 0.48055
}Semantic roles & 50–950 ramp
primary
#2DCCCB
secondary
#D08585
accent
#4142E7
background
#F8FDFD
surface
#F0FBFA
border
#CBD4D3
text
#0D1514
muted
#7D8383