#DCCBB1#DCCBB1
#DCCBB1 لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.611؛ OKLCH L 84.9% C 0.040 H 78.5°. أفضل لون لنص المتن هو #000000 بتباين 13.22:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DCCBB1 |
|---|---|
| RGB | rgb(220, 203, 177) |
| HSL | hsl(36, 38%, 78%) |
| HSV | hsv(36, 20%, 86%) |
| CMYK | cmyk(0%, 7.7%, 19.5%, 13.7%) |
| CIE-LAB | lab(82.43, 1.77, 15.12) |
| CIE-LCH | lch(82.43, 15.23, 83.32°) |
| OKLab | oklab(84.93% 0.0079 0.0391) |
| OKLCH | oklch(84.93% 0.04 78.5) |
| XYZ | xyz(58.8068, 61.1031, 50.2827) |
| Luminance | 0.6110 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Warm Beige
#E9DCC9
ΔE00 4.68
Warm Gray
#C9BEB0
ΔE00 5.55
Champagne
#F7E7CE
ΔE00 6.38
Wheat
#F5DEB3
ΔE00 6.58
Bisque
#FFE4C4
ΔE00 7.06
Khaki
#C3B091
ΔE00 7.17
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DCCBB1 #B1C2DC
analogous
#DCB5B1 #DCCBB1 #D7DCB1
triadic
#DCCBB1 #B1DCCB #CBB1DC
tetradic
#DCCBB1 #B1DCB5 #B1C2DC #DCB1D7
square
#DCCBB1 #B1DCB5 #B1C2DC #DCB1D7
split-complementary
#DCCBB1 #B1D7DC #B5B1DC
monochromatic
#B6935D #C9AF87 #DCCBB1 #EFE7DB #F6F1EA
إمكانية الوصول والتباين
On white
1.59
#DCCBB1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.22
#DCCBB1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DCCBB1
13.22:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DCCBB1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DCCBB1 | 1.00 | 1.59 | 13.22 | 13.22 |
| #FFFFFF | 1.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.22 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.22 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D2CBAF
Deuteranopia (green-blind)
#D7CFB2
Tritanopia (blue-blind)
#E4C6C4
Achromatopsia (no color)
#CDCDCD
وسوم التصميم والكود
CSS
--color: #dccbb1; /* rgb */ color: rgb(220, 203, 177); /* oklch */ color: oklch(84.9% 0.040 78.5);
Tailwind
colors: {
custom: {
50: '#e7dac8',
500: '#dccbb1',
950: '#000000',
},
}SCSS
$custom: #dccbb1; $custom-light: #e7dac8; $custom-dark: #000000;
JSON
{
"hex": "#dccbb1",
"rgb": {
"r": 220,
"g": 203,
"b": 177
},
"hsl": {
"h": 36.279,
"s": 38.053,
"l": 77.843
},
"oklch": {
"l": 0.84928,
"c": 0.03985,
"h": 78.5
},
"luminance": 0.61102
}Semantic roles & 50–950 ramp
primary
#DCCBB1
secondary
#7D93B4
accent
#66B135
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#161413
muted
#848382