#CDB33F#CDB33F
#CDB33F لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.456؛ OKLCH L 76.8% C 0.135 H 96.3°. أفضل لون لنص المتن هو #000000 بتباين 10.12:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CDB33F |
|---|---|
| RGB | rgb(205, 179, 63) |
| HSL | hsl(49, 59%, 53%) |
| HSV | hsv(49, 69%, 80%) |
| CMYK | cmyk(0%, 12.7%, 69.3%, 19.6%) |
| CIE-LAB | lab(73.27, -3.36, 59.99) |
| CIE-LCH | lch(73.27, 60.09, 93.21°) |
| OKLab | oklab(76.85% -0.0148 0.1342) |
| OKLCH | oklch(76.85% 0.135 96.3) |
| XYZ | xyz(42.1962, 45.5804, 11.2770) |
| Luminance | 0.4558 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brownish Yellow
#C9B003
ΔE00 3.66
Mustard (survey)
#CEB301
ΔE00 3.76
Mustard
#DBB42C
ΔE00 3.91
Dark Yellow
#D5B60A
ΔE00 3.99
Muddy Yellow
#BFAC05
ΔE00 4.42
Gold (survey)
#DBB40C
ΔE00 4.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CDB33F #3F59CD
analogous
#CD6C3F #CDB33F #A0CD3F
triadic
#CDB33F #3FCDB3 #B33FCD
tetradic
#CDB33F #3FCD6C #3F59CD #CD3FA0
square
#CDB33F #3FCD6C #3F59CD #CD3FA0
split-complementary
#CDB33F #3FA0CD #6C3FCD
monochromatic
#74641E #A48E2B #CDB33F #DAC670 #E6D9A0
إمكانية الوصول والتباين
On white
2.08
#CDB33F on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.12
#CDB33F on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CDB33F
10.12:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CDB33F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDB33F | 1.00 | 2.08 | 10.12 | 10.12 |
| #FFFFFF | 2.08 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.12 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.12 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C5AF2F
Deuteranopia (green-blind)
#CCB845
Tritanopia (blue-blind)
#DDA69B
Achromatopsia (no color)
#B4B4B4
وسوم التصميم والكود
CSS
--color: #cdb33f; /* rgb */ color: rgb(205, 179, 63); /* oklch */ color: oklch(76.8% 0.135 96.3);
Tailwind
colors: {
custom: {
50: '#e0c97b',
500: '#cdb33f',
950: '#000000',
},
}SCSS
$custom: #cdb33f; $custom-light: #e0c97b; $custom-dark: #000000;
JSON
{
"hex": "#cdb33f",
"rgb": {
"r": 205,
"g": 179,
"b": 63
},
"hsl": {
"h": 49.014,
"s": 58.678,
"l": 52.549
},
"oklch": {
"l": 0.76849,
"c": 0.13504,
"h": 96.3
},
"luminance": 0.45578
}Semantic roles & 50–950 ramp
primary
#CDB33F
secondary
#95A0D3
accent
#62E246
background
#FEFCF7
surface
#FCF8EE
border
#D5D1C9
text
#16130A
muted
#84827C