#286D66#286D66
#286D66 لون متوسط ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.123؛ OKLCH L 48.9% C 0.070 H 185.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 6.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #286D66 |
|---|---|
| RGB | rgb(40, 109, 102) |
| HSL | hsl(174, 46%, 29%) |
| HSV | hsv(174, 63%, 43%) |
| CMYK | cmyk(63.3%, 0%, 6.4%, 57.3%) |
| CIE-LAB | lab(41.76, -23.29, -2.52) |
| CIE-LCH | lch(41.76, 23.42, 186.18°) |
| OKLab | oklab(48.94% -0.0691 -0.0072) |
| OKLCH | oklch(48.94% 0.07 185.9) |
| XYZ | xyz(8.7409, 12.3468, 14.4903) |
| Luminance | 0.1235 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Aquamarine
#017371
ΔE00 3.65
Dark Green Blue
#1F6357
ΔE00 4.26
Dark Aqua
#05696B
ΔE00 4.41
Deep Turquoise
#017374
ΔE00 4.44
Bluegreen
#017A79
ΔE00 5.62
Dark Turquoise
#045C5A
ΔE00 6.32
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#286D66 #6D282F
analogous
#286D44 #286D66 #28526D
triadic
#286D66 #66286D #6D6628
tetradic
#286D66 #44286D #6D282F #526D28
square
#286D66 #44286D #6D282F #526D28
split-complementary
#286D66 #6D2852 #6D4428
monochromatic
#081615 #18403C #286D66 #389A90 #50BFB4
إمكانية الوصول والتباين
On white
6.05
#286D66 on #FFFFFF
AA ✓AA large ✓AAA ✗
On black
3.47
#286D66 on #000000
AA ✗AA large ✓AAA ✗
أفضل لون للنص
#FFFFFF on #286D66
6.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##286D66 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##286D66 | 1.00 | 6.05 | 3.47 | 6.05 |
| #FFFFFF | 6.05 | 1.00 | 21.00 | 1.00 |
| #000000 | 3.47 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 6.05 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#676766
Deuteranopia (green-blind)
#5D5F67
Tritanopia (blue-blind)
#006F6B
Achromatopsia (no color)
#636363
وسوم التصميم والكود
CSS
--color: #286d66; /* rgb */ color: rgb(40, 109, 102); /* oklch */ color: oklch(48.9% 0.070 185.9);
Tailwind
colors: {
custom: {
50: '#6b9791',
500: '#286d66',
950: '#000000',
},
}SCSS
$custom: #286d66; $custom-light: #6b9791; $custom-dark: #000000;
JSON
{
"hex": "#286d66",
"rgb": {
"r": 40,
"g": 109,
"b": 102
},
"hsl": {
"h": 173.913,
"s": 46.309,
"l": 29.216
},
"oklch": {
"l": 0.48938,
"c": 0.06952,
"h": 185.9
},
"luminance": 0.12348
}Semantic roles & 50–950 ramp
primary
#286D66
secondary
#9F5159
accent
#525FD6
background
#F6F9F8
surface
#ECF2F0
border
#C7CCCB
text
#070D0C
muted
#7A7E7D