#E4C7CD#E4C7CD
#E4C7CD لون فاتح جداً وخافت من عائلة أحمر. الإضاءة النسبية 0.617؛ OKLCH L 85.6% C 0.034 H 3.8°. أفضل لون لنص المتن هو #000000 بتباين 13.35:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #E4C7CD |
|---|---|
| RGB | rgb(228, 199, 205) |
| HSL | hsl(348, 35%, 84%) |
| HSV | hsv(348, 13%, 89%) |
| CMYK | cmyk(0%, 12.7%, 10.1%, 10.6%) |
| CIE-LAB | lab(82.78, 11.18, 0.77) |
| CIE-LCH | lch(82.78, 11.21, 3.96°) |
| OKLab | oklab(85.58% 0.0335 0.0022) |
| OKLCH | oklch(85.58% 0.034 3.8) |
| XYZ | xyz(63.4370, 61.7500, 66.3230) |
| Luminance | 0.6175 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Light Pink
#FFD1DF
ΔE00 6.35
Pale Pink
#FFCFDC
ΔE00 6.40
Thistle
#D8BFD8
ΔE00 7.30
Mistyrose
#FFE4E1
ΔE00 7.52
Light Rose
#FFC5CB
ΔE00 7.58
Pale Rose
#FDC1C5
ΔE00 8.00
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#E4C7CD #C7E4DE
analogous
#E4C7DB #E4C7CD #E4CFC7
triadic
#E4C7CD #CDE4C7 #C7CDE4
tetradic
#E4C7CD #DBE4C7 #C7E4DE #CFC7E4
square
#E4C7CD #DBE4C7 #C7E4DE #CFC7E4
split-complementary
#E4C7CD #C7E4CF #C7DBE4
monochromatic
#BC7483 #D09EA8 #E4C7CD #F5EAED #F5EAED
إمكانية الوصول والتباين
On white
1.57
#E4C7CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.35
#E4C7CD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #E4C7CD
13.35:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##E4C7CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##E4C7CD | 1.00 | 1.57 | 13.35 | 13.35 |
| #FFFFFF | 1.57 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.35 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.35 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CBCBCD
Deuteranopia (green-blind)
#D1D0CC
Tritanopia (blue-blind)
#EAC5C9
Achromatopsia (no color)
#CECECE
وسوم التصميم والكود
CSS
--color: #e4c7cd; /* rgb */ color: rgb(228, 199, 205); /* oklch */ color: oklch(85.6% 0.034 3.8);
Tailwind
colors: {
custom: {
50: '#ecd8dc',
500: '#e4c7cd',
950: '#000000',
},
}SCSS
$custom: #e4c7cd; $custom-light: #ecd8dc; $custom-dark: #000000;
JSON
{
"hex": "#e4c7cd",
"rgb": {
"r": 228,
"g": 199,
"b": 205
},
"hsl": {
"h": 347.586,
"s": 34.94,
"l": 83.725
},
"oklch": {
"l": 0.8558,
"c": 0.03361,
"h": 3.8
},
"luminance": 0.61749
}Semantic roles & 50–950 ramp
primary
#E4C7CD
secondary
#92BDB4
accent
#AE9538
background
#FEFEFE
surface
#FDFBFC
border
#D5D4D5
text
#161415
muted
#848384