#CBC59A#CBC59A
#CBC59A لون فاتح وخافت من عائلة أصفر. الإضاءة النسبية 0.550؛ OKLCH L 81.7% C 0.058 H 100.9°. أفضل لون لنص المتن هو #000000 بتباين 11.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CBC59A |
|---|---|
| RGB | rgb(203, 197, 154) |
| HSL | hsl(53, 32%, 70%) |
| HSV | hsv(53, 24%, 80%) |
| CMYK | cmyk(0%, 3%, 24.1%, 20.4%) |
| CIE-LAB | lab(79.02, -4.79, 22.38) |
| CIE-LCH | lch(79.02, 22.89, 102.09°) |
| OKLab | oklab(81.75% -0.011 0.0568) |
| OKLCH | oklch(81.75% 0.058 100.9) |
| XYZ | xyz(50.4276, 54.9630, 38.5180) |
| Luminance | 0.5496 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Beige (survey)
#E6DAA6
ΔE00 5.88
Sand
#C2B280
ΔE00 6.01
Putty
#BEAE8A
ΔE00 7.30
Darkkhaki
#BDB76B
ΔE00 8.26
Very Light Brown
#D3B683
ΔE00 8.47
Bland
#AFA88B
ΔE00 8.57
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CBC59A #9AA0CB
analogous
#CBAC9A #CBC59A #B9CB9A
triadic
#CBC59A #9ACBC5 #C59ACB
tetradic
#CBC59A #9ACBAC #9AA0CB #CB9AB9
square
#CBC59A #9ACBAC #9AA0CB #CB9AB9
split-complementary
#CBC59A #9AB9CB #AC9ACB
monochromatic
#9B9250 #B6AE72 #CBC59A #E0DCC2 #F5F3EB
إمكانية الوصول والتباين
On white
1.75
#CBC59A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.99
#CBC59A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CBC59A
11.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CBC59A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBC59A | 1.00 | 1.75 | 11.99 | 11.99 |
| #FFFFFF | 1.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CDC297
Deuteranopia (green-blind)
#CFC59B
Tritanopia (blue-blind)
#D3BFB9
Achromatopsia (no color)
#C4C4C4
وسوم التصميم والكود
CSS
--color: #cbc59a; /* rgb */ color: rgb(203, 197, 154); /* oklch */ color: oklch(81.7% 0.058 100.9);
Tailwind
colors: {
custom: {
50: '#dbd6b8',
500: '#cbc59a',
950: '#000000',
},
}SCSS
$custom: #cbc59a; $custom-light: #dbd6b8; $custom-dark: #000000;
JSON
{
"hex": "#cbc59a",
"rgb": {
"r": 203,
"g": 197,
"b": 154
},
"hsl": {
"h": 52.653,
"s": 32.026,
"l": 70
},
"oklch": {
"l": 0.81746,
"c": 0.05786,
"h": 100.9
},
"luminance": 0.54962
}Semantic roles & 50–950 ramp
primary
#CBC59A
secondary
#6970A0
accent
#48AB3B
background
#FEFEFD
surface
#FCFBF8
border
#D5D4D1
text
#151411
muted
#848381