#CBEE9D#CBEE9D
#CBEE9D لون فاتح جداً ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.763؛ OKLCH L 90.5% C 0.111 H 127.5°. أفضل لون لنص المتن هو #000000 بتباين 16.26:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CBEE9D |
|---|---|
| RGB | rgb(203, 238, 157) |
| HSL | hsl(86, 70%, 77%) |
| HSV | hsv(86, 34%, 93%) |
| CMYK | cmyk(14.7%, 0%, 34%, 6.7%) |
| CIE-LAB | lab(89.99, -24.88, 35.57) |
| CIE-LCH | lch(89.99, 43.41, 124.98°) |
| OKLab | oklab(90.49% -0.0677 0.0884) |
| OKLCH | oklch(90.49% 0.111 127.5) |
| XYZ | xyz(61.2882, 76.2793, 43.3862) |
| Luminance | 0.7628 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Washed Out Green
#BCF5A6
ΔE00 4.26
Tea Green
#BDF8A3
ΔE00 4.34
Light Light Green
#C8FFB0
ΔE00 4.83
Light Sage
#BCECAC
ΔE00 4.87
Light Grey Green
#B7E1A1
ΔE00 4.98
Celery
#C1FD95
ΔE00 5.12
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CBEE9D #C09DEE
analogous
#EEE99D #CBEE9D #A2EE9D
triadic
#CBEE9D #9DCBEE #EE9DCB
tetradic
#CBEE9D #9DEEE9 #C09DEE #EE9DA2
square
#CBEE9D #9DEEE9 #C09DEE #EE9DA2
split-complementary
#CBEE9D #9DA2EE #E99DEE
monochromatic
#94DC35 #AFE569 #CBEE9D #E7F7D1 #F1FAE5
إمكانية الوصول والتباين
On white
1.29
#CBEE9D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.26
#CBEE9D on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CBEE9D
16.26:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CBEE9D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBEE9D | 1.00 | 1.29 | 16.26 | 16.26 |
| #FFFFFF | 1.29 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.26 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.26 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F6E497
Deuteranopia (green-blind)
#F1E2A1
Tritanopia (blue-blind)
#CFE7D9
Achromatopsia (no color)
#E2E2E2
وسوم التصميم والكود
CSS
--color: #cbee9d; /* rgb */ color: rgb(203, 238, 157); /* oklch */ color: oklch(90.5% 0.111 127.5);
Tailwind
colors: {
custom: {
50: '#dcf3ba',
500: '#cbee9d',
950: '#000000',
},
}SCSS
$custom: #cbee9d; $custom-light: #dcf3ba; $custom-dark: #000000;
JSON
{
"hex": "#cbee9d",
"rgb": {
"r": 203,
"g": 238,
"b": 157
},
"hsl": {
"h": 85.926,
"s": 70.435,
"l": 77.451
},
"oklch": {
"l": 0.90493,
"c": 0.11135,
"h": 127.5
},
"luminance": 0.7628
}Semantic roles & 50–950 ramp
primary
#CBEE9D
secondary
#9165CB
accent
#13D266
background
#FEFFFD
surface
#FCFEF8
border
#D5D6D1
text
#151712
muted
#848582