#40BBD2#40BBD2
#40BBD2 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.413؛ OKLCH L 73.4% C 0.110 H 212.7°. أفضل لون لنص المتن هو #000000 بتباين 9.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #40BBD2 |
|---|---|
| RGB | rgb(64, 187, 210) |
| HSL | hsl(189, 62%, 54%) |
| HSV | hsv(189, 70%, 82%) |
| CMYK | cmyk(69.5%, 11%, 0%, 17.6%) |
| CIE-LAB | lab(70.37, -26.23, -21.42) |
| CIE-LCH | lch(70.37, 33.87, 219.24°) |
| OKLab | oklab(73.43% -0.093 -0.0596) |
| OKLCH | oklch(73.43% 0.11 212.7) |
| XYZ | xyz(31.5126, 41.2802, 67.2673) |
| Luminance | 0.4128 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Turquoise Blue
#06B1C4
ΔE00 4.05
Bright Sky Blue
#02CCFE
ΔE00 8.09
Aqua Blue
#02D8E9
ΔE00 8.11
Neon Blue
#04D9FF
ΔE00 8.18
Sky Blue
#87CEEB
ΔE00 8.96
Darkturquoise
#00CED1
ΔE00 9.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#40BBD2 #D25740
analogous
#40D2A0 #40BBD2 #4072D2
triadic
#40BBD2 #D240BB #BBD240
tetradic
#40BBD2 #A040D2 #D25740 #72D240
square
#40BBD2 #A040D2 #D25740 #72D240
split-complementary
#40BBD2 #D24072 #D2A040
monochromatic
#1D6C7B #2997AC #40BBD2 #72CDDE #A3DEE9
إمكانية الوصول والتباين
On white
2.27
#40BBD2 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.26
#40BBD2 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #40BBD2
9.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##40BBD2 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##40BBD2 | 1.00 | 2.27 | 9.26 | 9.26 |
| #FFFFFF | 2.27 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A9B5D3
Deuteranopia (green-blind)
#95A6D2
Tritanopia (blue-blind)
#00C4C2
Achromatopsia (no color)
#ACACAC
وسوم التصميم والكود
CSS
--color: #40bbd2; /* rgb */ color: rgb(64, 187, 210); /* oklch */ color: oklch(73.4% 0.110 212.7);
Tailwind
colors: {
custom: {
50: '#88cfdf',
500: '#40bbd2',
950: '#000000',
},
}SCSS
$custom: #40bbd2; $custom-light: #88cfdf; $custom-dark: #000000;
JSON
{
"hex": "#40bbd2",
"rgb": {
"r": 64,
"g": 187,
"b": 210
},
"hsl": {
"h": 189.452,
"s": 61.864,
"l": 53.725
},
"oklch": {
"l": 0.73428,
"c": 0.11044,
"h": 212.7
},
"luminance": 0.41284
}Semantic roles & 50–950 ramp
primary
#40BBD2
secondary
#D6A298
accent
#5C43E5
background
#F9FCFD
surface
#F1F9FB
border
#CBD2D4
text
#0D1415
muted
#7E8283