#DDC6BB#DDC6BB
#DDC6BB لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.593؛ OKLCH L 84.3% C 0.030 H 47.2°. أفضل لون لنص المتن هو #000000 بتباين 12.87:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DDC6BB |
|---|---|
| RGB | rgb(221, 198, 187) |
| HSL | hsl(19, 33%, 80%) |
| HSV | hsv(19, 15%, 87%) |
| CMYK | cmyk(0%, 10.4%, 15.4%, 13.3%) |
| CIE-LAB | lab(81.48, 6.29, 8.45) |
| CIE-LCH | lch(81.48, 10.54, 53.34°) |
| OKLab | oklab(84.28% 0.0205 0.0222) |
| OKLCH | oklch(84.28% 0.03 47.2) |
| XYZ | xyz(58.9821, 59.3495, 55.3526) |
| Luminance | 0.5935 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Warm Gray
#C9BEB0
ΔE00 6.65
Pinkish Grey
#C8ACA9
ΔE00 7.91
Warm Beige
#E9DCC9
ΔE00 8.25
Apricot
#FBCEB1
ΔE00 8.28
Mistyrose
#FFE4E1
ΔE00 8.42
Peach
#FFDAB9
ΔE00 9.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DDC6BB #BBD2DD
analogous
#DDBBC1 #DDC6BB #DDD7BB
triadic
#DDC6BB #BBDDC6 #C6BBDD
tetradic
#DDC6BB #C1DDBB #BBD2DD #D7BBDD
square
#DDC6BB #C1DDBB #BBD2DD #D7BBDD
split-complementary
#DDC6BB #BBDDD7 #BBC1DD
monochromatic
#B48269 #C9A492 #DDC6BB #F1E8E4 #F5EEEB
إمكانية الوصول والتباين
On white
1.63
#DDC6BB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.87
#DDC6BB on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DDC6BB
12.87:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DDC6BB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DDC6BB | 1.00 | 1.63 | 12.87 | 12.87 |
| #FFFFFF | 1.63 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.87 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.87 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CCC8BA
Deuteranopia (green-blind)
#D1CCBB
Tritanopia (blue-blind)
#E4C2C3
Achromatopsia (no color)
#CACACA
وسوم التصميم والكود
CSS
--color: #ddc6bb; /* rgb */ color: rgb(221, 198, 187); /* oklch */ color: oklch(84.3% 0.030 47.2);
Tailwind
colors: {
custom: {
50: '#e7d7cf',
500: '#ddc6bb',
950: '#000000',
},
}SCSS
$custom: #ddc6bb; $custom-light: #e7d7cf; $custom-dark: #000000;
JSON
{
"hex": "#ddc6bb",
"rgb": {
"r": 221,
"g": 198,
"b": 187
},
"hsl": {
"h": 19.412,
"s": 33.333,
"l": 80
},
"oklch": {
"l": 0.84277,
"c": 0.03018,
"h": 47.2
},
"luminance": 0.59348
}Semantic roles & 50–950 ramp
primary
#DDC6BB
secondary
#87A6B5
accent
#87AC39
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#161413
muted
#848383