#CABE8E#CABE8E
#CABE8E لون فاتح ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.513؛ OKLCH L 80.0% C 0.065 H 95.7°. أفضل لون لنص المتن هو #000000 بتباين 11.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CABE8E |
|---|---|
| RGB | rgb(202, 190, 142) |
| HSL | hsl(48, 36%, 67%) |
| HSV | hsv(48, 30%, 79%) |
| CMYK | cmyk(0%, 5.9%, 29.7%, 20.8%) |
| CIE-LAB | lab(76.88, -3.15, 25.82) |
| CIE-LCH | lch(76.88, 26.01, 96.95°) |
| OKLab | oklab(79.96% -0.0065 0.0649) |
| OKLCH | oklch(79.96% 0.065 95.7) |
| XYZ | xyz(47.6535, 51.3376, 32.9848) |
| Luminance | 0.5134 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Sand
#C2B280
ΔE00 3.37
Putty
#BEAE8A
ΔE00 5.52
Very Light Brown
#D3B683
ΔE00 5.90
Sandstone
#C9AE74
ΔE00 6.33
Darkkhaki
#BDB76B
ΔE00 6.73
Toupe
#C7AC7D
ΔE00 6.78
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CABE8E #8E9ACA
analogous
#CAA08E #CABE8E #B8CA8E
triadic
#CABE8E #8ECABE #BE8ECA
tetradic
#CABE8E #8ECAA0 #8E9ACA #CA8EB8
square
#CABE8E #8ECAA0 #8E9ACA #CA8EB8
split-complementary
#CABE8E #8EB8CA #A08ECA
monochromatic
#978747 #B6A664 #CABE8E #DED6B8 #F1EEE1
إمكانية الوصول والتباين
On white
1.86
#CABE8E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.27
#CABE8E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CABE8E
11.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CABE8E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CABE8E | 1.00 | 1.86 | 11.27 | 11.27 |
| #FFFFFF | 1.86 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C8BB8B
Deuteranopia (green-blind)
#CBC090
Tritanopia (blue-blind)
#D3B7B1
Achromatopsia (no color)
#BEBEBE
وسوم التصميم والكود
CSS
--color: #cabe8e; /* rgb */ color: rgb(202, 190, 142); /* oklch */ color: oklch(80.0% 0.065 95.7);
Tailwind
colors: {
custom: {
50: '#dbd1af',
500: '#cabe8e',
950: '#000000',
},
}SCSS
$custom: #cabe8e; $custom-light: #dbd1af; $custom-dark: #000000;
JSON
{
"hex": "#cabe8e",
"rgb": {
"r": 202,
"g": 190,
"b": 142
},
"hsl": {
"h": 48,
"s": 36.145,
"l": 67.451
},
"oklch": {
"l": 0.79964,
"c": 0.06526,
"h": 95.7
},
"luminance": 0.51336
}Semantic roles & 50–950 ramp
primary
#CABE8E
secondary
#5E6B9E
accent
#4FAF36
background
#FEFEFD
surface
#FCFBF7
border
#D5D4D0
text
#151410
muted
#848381