#CFD27E#CFD27E
#CFD27E لون فاتح جداً ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.609؛ OKLCH L 84.3% C 0.107 H 110.3°. أفضل لون لنص المتن هو #000000 بتباين 13.17:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CFD27E |
|---|---|
| RGB | rgb(207, 210, 126) |
| HSL | hsl(62, 48%, 66%) |
| HSV | hsv(62, 40%, 82%) |
| CMYK | cmyk(1.4%, 0%, 40%, 17.6%) |
| CIE-LAB | lab(82.31, -13.37, 41.24) |
| CIE-LCH | lch(82.31, 43.35, 107.97°) |
| OKLab | oklab(84.28% -0.037 0.1002) |
| OKLCH | oklch(84.28% 0.107 110.3) |
| XYZ | xyz(52.5453, 60.8659, 28.7149) |
| Luminance | 0.6087 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Greenish Beige
#C9D179
ΔE00 1.45
Greenish Tan
#BCCB7A
ΔE00 3.93
Pale Olive
#B9CC81
ΔE00 5.14
Khaki (CSS)
#F0E68C
ΔE00 6.27
Light Olive
#ACBF69
ΔE00 6.90
Darkkhaki
#BDB76B
ΔE00 6.92
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CFD27E #817ED2
analogous
#D2AB7E #CFD27E #A5D27E
triadic
#CFD27E #7ECFD2 #D27ECF
tetradic
#CFD27E #7ED2AB #817ED2 #D27EA5
square
#CFD27E #7ED2AB #817ED2 #D27EA5
split-complementary
#CFD27E #7EA5D2 #AB7ED2
monochromatic
#9B9E37 #BEC251 #CFD27E #E0E2AB #F1F2D9
إمكانية الوصول والتباين
On white
1.59
#CFD27E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.17
#CFD27E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CFD27E
13.17:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CFD27E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFD27E | 1.00 | 1.59 | 13.17 | 13.17 |
| #FFFFFF | 1.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.17 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.17 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#DECB77
Deuteranopia (green-blind)
#DFCE82
Tritanopia (blue-blind)
#D9C9BE
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #cfd27e; /* rgb */ color: rgb(207, 210, 126); /* oklch */ color: oklch(84.3% 0.107 110.3);
Tailwind
colors: {
custom: {
50: '#dfdfa4',
500: '#cfd27e',
950: '#000000',
},
}SCSS
$custom: #cfd27e; $custom-light: #dfdfa4; $custom-dark: #000000;
JSON
{
"hex": "#cfd27e",
"rgb": {
"r": 207,
"g": 210,
"b": 126
},
"hsl": {
"h": 62.143,
"s": 48.276,
"l": 65.882
},
"oklch": {
"l": 0.84279,
"c": 0.10682,
"h": 110.3
},
"luminance": 0.60865
}Semantic roles & 50–950 ramp
primary
#CFD27E
secondary
#5451A3
accent
#2ABC2F
background
#FEFEFC
surface
#FCFCF6
border
#D5D5D0
text
#15150F
muted
#848480