#DDCFC7#DDCFC7
#DDCFC7 لون فاتح جداً ومحايد تقريباً من عائلة برتقالي. الإضاءة النسبية 0.641؛ OKLCH L 86.4% C 0.019 H 51.9°. أفضل لون لنص المتن هو #000000 بتباين 13.82:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #DDCFC7 |
|---|---|
| RGB | rgb(221, 207, 199) |
| HSL | hsl(22, 24%, 82%) |
| HSV | hsv(22, 10%, 87%) |
| CMYK | cmyk(0%, 6.3%, 10%, 13.3%) |
| CIE-LAB | lab(84.03, 3.49, 5.71) |
| CIE-LCH | lch(84.03, 6.69, 58.55°) |
| OKLab | oklab(86.37% 0.0118 0.0151) |
| OKLCH | oklch(86.37% 0.019 51.9) |
| XYZ | xyz(62.4394, 64.1222, 63.1093) |
| Luminance | 0.6412 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Warm Gray
#C9BEB0
ΔE00 5.83
Warm Beige
#E9DCC9
ΔE00 5.97
Light Gray
#D3D3D3
ΔE00 6.61
Gainsboro
#DCDCDC
ΔE00 7.03
Linen
#FAF0E6
ΔE00 7.51
Silver
#C0C0C0
ΔE00 7.90
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#DDCFC7 #C7D5DD
analogous
#DDC7CA #DDCFC7 #DDDAC7
triadic
#DDCFC7 #C7DDCF #CFC7DD
tetradic
#DDCFC7 #CADDC7 #C7D5DD #DAC7DD
square
#DDCFC7 #CADDC7 #C7D5DD #DAC7DD
split-complementary
#DDCFC7 #C7DDDA #C7CADD
monochromatic
#AF8E7B #C6AEA1 #DDCFC7 #F3EFEC #F3EFEC
إمكانية الوصول والتباين
On white
1.52
#DDCFC7 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.82
#DDCFC7 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #DDCFC7
13.82:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##DDCFC7 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##DDCFC7 | 1.00 | 1.52 | 13.82 | 13.82 |
| #FFFFFF | 1.52 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.82 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.82 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#D3D0C7
Deuteranopia (green-blind)
#D6D3C7
Tritanopia (blue-blind)
#E2CDCD
Achromatopsia (no color)
#D2D2D2
وسوم التصميم والكود
CSS
--color: #ddcfc7; /* rgb */ color: rgb(221, 207, 199); /* oklch */ color: oklch(86.4% 0.019 51.9);
Tailwind
colors: {
custom: {
50: '#e7ddd8',
500: '#ddcfc7',
950: '#000000',
},
}SCSS
$custom: #ddcfc7; $custom-light: #e7ddd8; $custom-dark: #000000;
JSON
{
"hex": "#ddcfc7",
"rgb": {
"r": 221,
"g": 207,
"b": 199
},
"hsl": {
"h": 21.818,
"s": 24.444,
"l": 82.353
},
"oklch": {
"l": 0.86366,
"c": 0.01912,
"h": 51.9
},
"luminance": 0.64121
}Semantic roles & 50–950 ramp
primary
#DDCFC7
secondary
#95A8B4
accent
#80A343
background
#FEFEFE
surface
#FCFCFB
border
#D5D5D4
text
#161514
muted
#848483