#CDB239#CDB239
#CDB239 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.451؛ OKLCH L 76.6% C 0.138 H 96.2°. أفضل لون لنص المتن هو #000000 بتباين 10.02:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CDB239 |
|---|---|
| RGB | rgb(205, 178, 57) |
| HSL | hsl(49, 60%, 51%) |
| HSV | hsv(49, 72%, 80%) |
| CMYK | cmyk(0%, 13.2%, 72.2%, 19.6%) |
| CIE-LAB | lab(72.97, -3.14, 62.05) |
| CIE-LCH | lch(72.97, 62.13, 92.90°) |
| OKLab | oklab(76.6% -0.0149 0.1375) |
| OKLCH | oklch(76.6% 0.138 96.2) |
| XYZ | xyz(41.8379, 45.1176, 10.3750) |
| Luminance | 0.4511 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brownish Yellow
#C9B003
ΔE00 3.14
Mustard (survey)
#CEB301
ΔE00 3.25
Dark Yellow
#D5B60A
ΔE00 3.52
Mustard
#DBB42C
ΔE00 3.56
Muddy Yellow
#BFAC05
ΔE00 4.06
Gold (survey)
#DBB40C
ΔE00 4.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CDB239 #3954CD
analogous
#CD6839 #CDB239 #9ECD39
triadic
#CDB239 #39CDB2 #B239CD
tetradic
#CDB239 #39CD68 #3954CD #CD399E
square
#CDB239 #39CD68 #3954CD #CD399E
split-complementary
#CDB239 #399ECD #6839CD
monochromatic
#6F601C #A08A28 #CDB239 #D9C56A #E6D89B
إمكانية الوصول والتباين
On white
2.10
#CDB239 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.02
#CDB239 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CDB239
10.02:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CDB239 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDB239 | 1.00 | 2.10 | 10.02 | 10.02 |
| #FFFFFF | 2.10 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.02 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C4AE26
Deuteranopia (green-blind)
#CBB740
Tritanopia (blue-blind)
#DDA49A
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #cdb239; /* rgb */ color: rgb(205, 178, 57); /* oklch */ color: oklch(76.6% 0.138 96.2);
Tailwind
colors: {
custom: {
50: '#e0c877',
500: '#cdb239',
950: '#000000',
},
}SCSS
$custom: #cdb239; $custom-light: #e0c877; $custom-dark: #000000;
JSON
{
"hex": "#cdb239",
"rgb": {
"r": 205,
"g": 178,
"b": 57
},
"hsl": {
"h": 49.054,
"s": 59.677,
"l": 51.373
},
"oklch": {
"l": 0.76596,
"c": 0.13828,
"h": 96.2
},
"luminance": 0.45115
}Semantic roles & 50–950 ramp
primary
#CDB239
secondary
#909CD2
accent
#62E345
background
#FEFCF7
surface
#FCF8EE
border
#D5D1C9
text
#161309
muted
#84827B