#E3CCBC#E3CCBC
#E3CCBC لون فاتح جداً وخافت من عائلة برتقالي. الإضاءة النسبية 0.631؛ OKLCH L 86.0% C 0.034 H 57.1°. أفضل لون لنص المتن هو #000000 بتباين 13.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E3CCBC |
|---|---|
| RGB | rgb(227, 204, 188) |
| HSL | hsl(25, 41%, 81%) |
| HSV | hsv(25, 17%, 89%) |
| CMYK | cmyk(0%, 10.1%, 17.2%, 11%) |
| CIE-LAB | lab(83.52, 5.47, 10.90) |
| CIE-LCH | lch(83.52, 12.20, 63.33°) |
| OKLab | oklab(86% 0.0184 0.0284) |
| OKLCH | oklch(86% 0.034 57.1) |
| XYZ | xyz(62.3483, 63.1489, 56.4718) |
| Luminance | 0.6315 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Warm Beige
#E9DCC9
ΔE00 6.12
Warm Gray
#C9BEB0
ΔE00 6.47
Apricot
#FBCEB1
ΔE00 7.02
Peach
#FFDAB9
ΔE00 7.11
Bisque
#FFE4C4
ΔE00 7.86
Antiquewhite
#FAEBD7
ΔE00 8.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E3CCBC #BCD3E3
analogous
#E3BCC0 #E3CCBC #E3E0BC
triadic
#E3CCBC #BCE3CC #CCBCE3
tetradic
#E3CCBC #C0E3BC #BCD3E3 #E0BCE3
square
#E3CCBC #C0E3BC #BCD3E3 #E0BCE3
split-complementary
#E3CCBC #BCE3E0 #BCC0E3
monochromatic
#BF8A66 #D1AB91 #E3CCBC #F5EDE7 #F6EFE9
إمكانية الوصول والتباين
On white
1.54
#E3CCBC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.63
#E3CCBC on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E3CCBC
13.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E3CCBC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E3CCBC | 1.00 | 1.54 | 13.63 | 13.63 |
| #FFFFFF | 1.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D3CDBB
Deuteranopia (green-blind)
#D8D2BC
Tritanopia (blue-blind)
#EBC8C7
Achromatopsia (no color)
#D0D0D0
وسوم التصميم والكود
CSS
--color: #e3ccbc; /* rgb */ color: rgb(227, 204, 188); /* oklch */ color: oklch(86.0% 0.034 57.1);
Tailwind
colors: {
custom: {
50: '#ecdbd0',
500: '#e3ccbc',
950: '#000000',
},
}SCSS
$custom: #e3ccbc; $custom-light: #ecdbd0; $custom-dark: #000000;
JSON
{
"hex": "#e3ccbc",
"rgb": {
"r": 227,
"g": 204,
"b": 188
},
"hsl": {
"h": 24.615,
"s": 41.053,
"l": 81.373
},
"oklch": {
"l": 0.86002,
"c": 0.03386,
"h": 57.1
},
"luminance": 0.63147
}Semantic roles & 50–950 ramp
primary
#E3CCBC
secondary
#87A6BC
accent
#7EB431
background
#FEFEFE
surface
#FDFBFB
border
#D5D4D4
text
#161514
muted
#848483