#CEE8BA#CEE8BA
#CEE8BA لون فاتح جداً ومتوسط التشبّع من عائلة أصفر مخضرّ. الإضاءة النسبية 0.744؛ OKLCH L 90.0% C 0.067 H 131.7°. أفضل لون لنص المتن هو #000000 بتباين 15.88:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CEE8BA |
|---|---|
| RGB | rgb(206, 232, 186) |
| HSL | hsl(94, 50%, 82%) |
| HSV | hsv(94, 20%, 91%) |
| CMYK | cmyk(11.2%, 0%, 19.8%, 9%) |
| CIE-LAB | lab(89.10, -16.68, 19.58) |
| CIE-LCH | lch(89.10, 25.72, 130.43°) |
| OKLab | oklab(90.01% -0.0447 0.0502) |
| OKLCH | oklch(90.01% 0.067 131.7) |
| XYZ | xyz(63.1716, 74.3796, 57.4734) |
| Luminance | 0.7438 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Light Sage
#BCECAC
ΔE00 5.33
Light Grey Green
#B7E1A1
ΔE00 5.39
Very Pale Green
#CFFDBC
ΔE00 6.15
Very Light Green
#D1FFBD
ΔE00 6.47
Pale Green
#C7FDB5
ΔE00 7.40
Washed Out Green
#BCF5A6
ΔE00 7.94
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CEE8BA #D4BAE8
analogous
#E5E8BA #CEE8BA #BAE8BD
triadic
#CEE8BA #BACEE8 #E8BACE
tetradic
#CEE8BA #BAE5E8 #D4BAE8 #E8BDBA
square
#CEE8BA #BAE5E8 #D4BAE8 #E8BDBA
split-complementary
#CEE8BA #BDBAE8 #E8BAE5
monochromatic
#8DC95E #ADD98C #CEE8BA #EFF7E8 #EFF7E8
إمكانية الوصول والتباين
On white
1.32
#CEE8BA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.88
#CEE8BA on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CEE8BA
15.88:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CEE8BA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEE8BA | 1.00 | 1.32 | 15.88 | 15.88 |
| #FFFFFF | 1.32 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.88 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.88 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ECE1B7
Deuteranopia (green-blind)
#E8DFBC
Tritanopia (blue-blind)
#CFE4DB
Achromatopsia (no color)
#E0E0E0
وسوم التصميم والكود
CSS
--color: #cee8ba; /* rgb */ color: rgb(206, 232, 186); /* oklch */ color: oklch(90.0% 0.067 131.7);
Tailwind
colors: {
custom: {
50: '#ddefce',
500: '#cee8ba',
950: '#000000',
},
}SCSS
$custom: #cee8ba; $custom-light: #ddefce; $custom-dark: #000000;
JSON
{
"hex": "#cee8ba",
"rgb": {
"r": 206,
"g": 232,
"b": 186
},
"hsl": {
"h": 93.913,
"s": 50,
"l": 81.961
},
"oklch": {
"l": 0.90005,
"c": 0.0672,
"h": 131.7
},
"luminance": 0.7438
}Semantic roles & 50–950 ramp
primary
#CEE8BA
secondary
#A783C3
accent
#28BD7C
background
#FEFFFE
surface
#FCFEFB
border
#D5D6D4
text
#151613
muted
#848583