#CBDA39#CBDA39
#CBDA39 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.631؛ OKLCH L 85.0% C 0.175 H 114.9°. أفضل لون لنص المتن هو #000000 بتباين 13.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CBDA39 |
|---|---|
| RGB | rgb(203, 218, 57) |
| HSL | hsl(66, 69%, 54%) |
| HSV | hsv(66, 74%, 85%) |
| CMYK | cmyk(6.9%, 0%, 73.9%, 14.5%) |
| CIE-LAB | lab(83.51, -24.13, 72.09) |
| CIE-LCH | lch(83.51, 76.03, 108.51°) |
| OKLab | oklab(84.96% -0.0737 0.1588) |
| OKLCH | oklch(84.96% 0.175 114.9) |
| XYZ | xyz(50.4400, 63.1356, 13.3994) |
| Luminance | 0.6313 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sickly Yellow
#D0E429
ΔE00 2.66
Green Yellow
#B5CE08
ΔE00 3.97
Yellowish Green
#B0DD16
ΔE00 5.28
Baby Puke Green
#B6C406
ΔE00 5.52
Piss Yellow
#DDD618
ΔE00 5.55
Bile
#B5C306
ΔE00 5.76
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CBDA39 #4839DA
analogous
#DA9939 #CBDA39 #7BDA39
triadic
#CBDA39 #39CBDA #DA39CB
tetradic
#CBDA39 #39DA99 #4839DA #DA397B
square
#CBDA39 #39DA99 #4839DA #DA397B
split-complementary
#CBDA39 #397BDA #9939DA
monochromatic
#778118 #A6B422 #CBDA39 #D9E46D #E6EDA0
إمكانية الوصول والتباين
On white
1.54
#CBDA39 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.63
#CBDA39 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CBDA39
13.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CBDA39 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CBDA39 | 1.00 | 1.54 | 13.63 | 13.63 |
| #FFFFFF | 1.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#EACF14
Deuteranopia (green-blind)
#E9D147
Tritanopia (blue-blind)
#D8CDBC
Achromatopsia (no color)
#D0D0D0
وسوم التصميم والكود
CSS
--color: #cbda39; /* rgb */ color: rgb(203, 218, 57); /* oklch */ color: oklch(85.0% 0.175 114.9);
Tailwind
colors: {
custom: {
50: '#dfe57b',
500: '#cbda39',
950: '#000000',
},
}SCSS
$custom: #cbda39; $custom-light: #dfe57b; $custom-dark: #000000;
JSON
{
"hex": "#cbda39",
"rgb": {
"r": 203,
"g": 218,
"b": 57
},
"hsl": {
"h": 65.59,
"s": 68.511,
"l": 53.922
},
"oklch": {
"l": 0.84961,
"c": 0.17508,
"h": 114.9
},
"luminance": 0.63135
}Semantic roles & 50–950 ramp
primary
#CBDA39
secondary
#383088
accent
#3CEB4D
background
#FEFEFB
surface
#FCFCF2
border
#D5D5CC
text
#16150A
muted
#84847D