#CDC5AD#CDC5AD
#CDC5AD لون فاتح جداً وخافت من عائلة أصفر. الإضاءة النسبية 0.559؛ OKLCH L 82.4% C 0.034 H 91.7°. أفضل لون لنص المتن هو #000000 بتباين 12.19:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CDC5AD |
|---|---|
| RGB | rgb(205, 197, 173) |
| HSL | hsl(45, 24%, 74%) |
| HSV | hsv(45, 16%, 80%) |
| CMYK | cmyk(0%, 3.9%, 15.6%, 19.6%) |
| CIE-LAB | lab(79.57, -1.23, 13.05) |
| CIE-LCH | lch(79.57, 13.11, 95.38°) |
| OKLab | oklab(82.35% -0.001 0.0338) |
| OKLCH | oklch(82.35% 0.034 91.7) |
| XYZ | xyz(52.6854, 55.9295, 47.5471) |
| Luminance | 0.5593 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Warm Gray
#C9BEB0
ΔE00 5.03
Warm Beige
#E9DCC9
ΔE00 6.86
Khaki
#C3B091
ΔE00 7.01
Putty
#BEAE8A
ΔE00 7.43
Greige
#B8AB98
ΔE00 7.53
Bland
#AFA88B
ΔE00 8.26
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CDC5AD #ADB5CD
analogous
#CDB5AD #CDC5AD #C5CDAD
triadic
#CDC5AD #ADCDC5 #C5ADCD
tetradic
#CDC5AD #ADCDB5 #ADB5CD #CDADC5
square
#CDC5AD #ADCDB5 #ADB5CD #CDADC5
split-complementary
#CDC5AD #ADC5CD #B5ADCD
monochromatic
#9F8F61 #B6AA87 #CDC5AD #E4E0D3 #F3F2EC
إمكانية الوصول والتباين
On white
1.72
#CDC5AD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.19
#CDC5AD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CDC5AD
12.19:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CDC5AD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CDC5AD | 1.00 | 1.72 | 12.19 | 12.19 |
| #FFFFFF | 1.72 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.19 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.19 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CBC4AC
Deuteranopia (green-blind)
#CDC6AE
Tritanopia (blue-blind)
#D3C1BE
Achromatopsia (no color)
#C5C5C5
وسوم التصميم والكود
CSS
--color: #cdc5ad; /* rgb */ color: rgb(205, 197, 173); /* oklch */ color: oklch(82.4% 0.034 91.7);
Tailwind
colors: {
custom: {
50: '#dcd6c5',
500: '#cdc5ad',
950: '#000000',
},
}SCSS
$custom: #cdc5ad; $custom-light: #dcd6c5; $custom-dark: #000000;
JSON
{
"hex": "#cdc5ad",
"rgb": {
"r": 205,
"g": 197,
"b": 173
},
"hsl": {
"h": 45,
"s": 24.242,
"l": 74.118
},
"oklch": {
"l": 0.82351,
"c": 0.03382,
"h": 91.7
},
"luminance": 0.55929
}Semantic roles & 50–950 ramp
primary
#CDC5AD
secondary
#7C86A2
accent
#5BA343
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#151412
muted
#848382