#CEE875#CEE875
#CEE875 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.721؛ OKLCH L 88.8% C 0.144 H 120.0°. أفضل لون لنص المتن هو #000000 بتباين 15.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CEE875 |
|---|---|
| RGB | rgb(206, 232, 117) |
| HSL | hsl(74, 71%, 68%) |
| HSV | hsv(74, 50%, 91%) |
| CMYK | cmyk(11.2%, 0%, 49.6%, 9%) |
| CIE-LAB | lab(88.03, -25.46, 52.60) |
| CIE-LCH | lch(88.03, 58.44, 115.83°) |
| OKLab | oklab(88.79% -0.072 0.1249) |
| OKLCH | oklch(88.79% 0.144 120) |
| XYZ | xyz(57.5215, 72.1196, 27.7163) |
| Luminance | 0.7212 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Pear
#CBF85F
ΔE00 5.16
Light Yellow Green
#CCFD7F
ΔE00 5.37
Light Khaki
#E6F2A2
ΔE00 6.39
Greenish Beige
#C9D179
ΔE00 6.46
Light Pea Green
#C4FE82
ΔE00 6.50
Pistachio (survey)
#C0FA8B
ΔE00 6.73
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CEE875 #8F75E8
analogous
#E8C875 #CEE875 #94E875
triadic
#CEE875 #75CEE8 #E875CE
tetradic
#CEE875 #75E8C8 #8F75E8 #E87594
square
#CEE875 #75E8C8 #8F75E8 #E87594
split-complementary
#CEE875 #7594E8 #C875E8
monochromatic
#9EC220 #BBDF41 #CEE875 #E1F1A9 #F3F9DE
إمكانية الوصول والتباين
On white
1.36
#CEE875 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.42
#CEE875 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CEE875
15.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CEE875 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEE875 | 1.00 | 1.36 | 15.42 | 15.42 |
| #FFFFFF | 1.36 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.42 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.42 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F4DD6B
Deuteranopia (green-blind)
#F1DD7B
Tritanopia (blue-blind)
#D7DECE
Achromatopsia (no color)
#DDDDDD
وسوم التصميم والكود
CSS
--color: #cee875; /* rgb */ color: rgb(206, 232, 117); /* oklch */ color: oklch(88.8% 0.144 120.0);
Tailwind
colors: {
custom: {
50: '#dfef9f',
500: '#cee875',
950: '#000000',
},
}SCSS
$custom: #cee875; $custom-light: #dfef9f; $custom-dark: #000000;
JSON
{
"hex": "#cee875",
"rgb": {
"r": 206,
"g": 232,
"b": 117
},
"hsl": {
"h": 73.565,
"s": 71.429,
"l": 68.431
},
"oklch": {
"l": 0.88794,
"c": 0.14417,
"h": 120
},
"luminance": 0.72119
}Semantic roles & 50–950 ramp
primary
#CEE875
secondary
#5E41C0
accent
#12D33E
background
#FEFFFC
surface
#FCFEF5
border
#D5D6CF
text
#15160F
muted
#848580