#CED0B0#CED0B0
#CED0B0 لون فاتح جداً وخافت من عائلة أصفر. الإضاءة النسبية 0.614؛ OKLCH L 84.8% C 0.043 H 110.2°. أفضل لون لنص المتن هو #000000 بتباين 13.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CED0B0 |
|---|---|
| RGB | rgb(206, 208, 176) |
| HSL | hsl(64, 25%, 75%) |
| HSV | hsv(64, 15%, 82%) |
| CMYK | cmyk(1%, 0%, 15.4%, 18.4%) |
| CIE-LAB | lab(82.58, -6.12, 15.69) |
| CIE-LCH | lch(82.58, 16.84, 111.30°) |
| OKLab | oklab(84.76% -0.0149 0.0404) |
| OKLCH | oklch(84.76% 0.043 110.2) |
| XYZ | xyz(55.8452, 61.3686, 49.9692) |
| Luminance | 0.6137 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Beige (survey)
#E6DAA6
ΔE00 7.45
Eggshell
#F0EAD6
ΔE00 8.76
Beige
#F5F5DC
ΔE00 8.86
Palegoldenrod
#EEE8AA
ΔE00 9.39
Lightgoldenrodyellow
#FAFAD2
ΔE00 9.48
Vanilla
#F3E5AB
ΔE00 9.65
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CED0B0 #B2B0D0
analogous
#D0C2B0 #CED0B0 #BED0B0
triadic
#CED0B0 #B0CED0 #D0B0CE
tetradic
#CED0B0 #B0D0C2 #B2B0D0 #D0B0BE
square
#CED0B0 #B0D0C2 #B2B0D0 #D0B0BE
split-complementary
#CED0B0 #B0BED0 #C2B0D0
monochromatic
#9EA263 #B6B98A #CED0B0 #E6E7D6 #F3F4EC
إمكانية الوصول والتباين
On white
1.58
#CED0B0 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.27
#CED0B0 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CED0B0
13.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CED0B0 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CED0B0 | 1.00 | 1.58 | 13.27 | 13.27 |
| #FFFFFF | 1.58 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D6CDAE
Deuteranopia (green-blind)
#D6CEB1
Tritanopia (blue-blind)
#D3CCC7
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #ced0b0; /* rgb */ color: rgb(206, 208, 176); /* oklch */ color: oklch(84.8% 0.043 110.2);
Tailwind
colors: {
custom: {
50: '#dddec7',
500: '#ced0b0',
950: '#000000',
},
}SCSS
$custom: #ced0b0; $custom-light: #dddec7; $custom-dark: #000000;
JSON
{
"hex": "#ced0b0",
"rgb": {
"r": 206,
"g": 208,
"b": 176
},
"hsl": {
"h": 63.75,
"s": 25.397,
"l": 75.294
},
"oklch": {
"l": 0.8476,
"c": 0.04309,
"h": 110.2
},
"luminance": 0.61368
}Semantic roles & 50–950 ramp
primary
#CED0B0
secondary
#817FA5
accent
#42A448
background
#FEFEFD
surface
#FCFCF9
border
#D5D5D2
text
#151513
muted
#848482