#E2CDC1#E2CDC1
#E2CDC1 لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.637؛ OKLCH L 86.2% C 0.029 H 51.8°. أفضل لون لنص المتن هو #000000 بتباين 13.74:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E2CDC1 |
|---|---|
| RGB | rgb(226, 205, 193) |
| HSL | hsl(22, 36%, 82%) |
| HSV | hsv(22, 15%, 89%) |
| CMYK | cmyk(0%, 9.3%, 14.6%, 11.4%) |
| CIE-LAB | lab(83.80, 5.36, 8.63) |
| CIE-LCH | lch(83.80, 10.16, 58.14°) |
| OKLab | oklab(86.24% 0.0178 0.0226) |
| OKLCH | oklch(86.24% 0.029 51.8) |
| XYZ | xyz(62.8205, 63.6829, 59.4245) |
| Luminance | 0.6368 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Warm Beige
#E9DCC9
ΔE00 6.48
Warm Gray
#C9BEB0
ΔE00 6.57
Mistyrose
#FFE4E1
ΔE00 7.76
Apricot
#FBCEB1
ΔE00 8.12
Antiquewhite
#FAEBD7
ΔE00 8.27
Peach
#FFDAB9
ΔE00 8.41
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E2CDC1 #C1D6E2
analogous
#E2C1C6 #E2CDC1 #E2DEC1
triadic
#E2CDC1 #C1E2CD #CDC1E2
tetradic
#E2CDC1 #C6E2C1 #C1D6E2 #DEC1E2
square
#E2CDC1 #C6E2C1 #C1D6E2 #DEC1E2
split-complementary
#E2CDC1 #C1E2DE #C1C6E2
monochromatic
#BB8A6E #CEAB97 #E2CDC1 #F5EEEA #F5EEEA
إمكانية الوصول والتباين
On white
1.53
#E2CDC1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.74
#E2CDC1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E2CDC1
13.74:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E2CDC1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E2CDC1 | 1.00 | 1.53 | 13.74 | 13.74 |
| #FFFFFF | 1.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.74 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D3CEC0
Deuteranopia (green-blind)
#D8D3C1
Tritanopia (blue-blind)
#E9C9CA
Achromatopsia (no color)
#D1D1D1
وسوم التصميم والكود
CSS
--color: #e2cdc1; /* rgb */ color: rgb(226, 205, 193); /* oklch */ color: oklch(86.2% 0.029 51.8);
Tailwind
colors: {
custom: {
50: '#ebdcd3',
500: '#e2cdc1',
950: '#000000',
},
}SCSS
$custom: #e2cdc1; $custom-light: #ebdcd3; $custom-dark: #000000;
JSON
{
"hex": "#e2cdc1",
"rgb": {
"r": 226,
"g": 205,
"b": 193
},
"hsl": {
"h": 21.818,
"s": 36.264,
"l": 82.157
},
"oklch": {
"l": 0.86239,
"c": 0.02877,
"h": 51.8
},
"luminance": 0.63682
}Semantic roles & 50–950 ramp
primary
#E2CDC1
secondary
#8CAABB
accent
#83AF36
background
#FEFEFE
surface
#FDFCFB
border
#D5D5D4
text
#161514
muted
#848483