#CFBDB9#CFBDB9
#CFBDB9 لون فاتح وخافت من عائلة أحمر. الإضاءة النسبية 0.532؛ OKLCH L 81.2% C 0.021 H 32.5°. أفضل لون لنص المتن هو #000000 بتباين 11.63:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CFBDB9 |
|---|---|
| RGB | rgb(207, 189, 185) |
| HSL | hsl(11, 19%, 77%) |
| HSV | hsv(11, 11%, 81%) |
| CMYK | cmyk(0%, 8.7%, 10.6%, 18.8%) |
| CIE-LAB | lab(77.97, 5.68, 4.32) |
| CIE-LCH | lch(77.97, 7.14, 37.29°) |
| OKLab | oklab(81.23% 0.018 0.0115) |
| OKLCH | oklch(81.23% 0.021 32.5) |
| XYZ | xyz(52.6859, 53.1643, 53.3758) |
| Luminance | 0.5316 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Grey
#C8ACA9
ΔE00 5.51
Warm Gray
#C9BEB0
ΔE00 6.88
Silver
#C0C0C0
ΔE00 7.86
Light Gray
#D3D3D3
ΔE00 9.05
Dove Gray
#B6B8BD
ΔE00 9.46
Greige
#B8AB98
ΔE00 10.10
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CFBDB9 #B9CBCF
analogous
#CFB9C0 #CFBDB9 #CFC8B9
triadic
#CFBDB9 #B9CFBD #BDB9CF
tetradic
#CFBDB9 #C0CFB9 #B9CBCF #C8B9CF
square
#CFBDB9 #C0CFB9 #B9CBCF #C8B9CF
split-complementary
#CFBDB9 #B9CFC8 #B9C0CF
monochromatic
#9D7970 #B69B95 #CFBDB9 #E8DFDD #F3EEED
إمكانية الوصول والتباين
On white
1.81
#CFBDB9 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.63
#CFBDB9 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CFBDB9
11.63:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CFBDB9 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CFBDB9 | 1.00 | 1.81 | 11.63 | 11.63 |
| #FFFFFF | 1.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.63 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.63 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1BFB9
Deuteranopia (green-blind)
#C5C2B9
Tritanopia (blue-blind)
#D4BBBC
Achromatopsia (no color)
#C1C1C1
وسوم التصميم والكود
CSS
--color: #cfbdb9; /* rgb */ color: rgb(207, 189, 185); /* oklch */ color: oklch(81.2% 0.021 32.5);
Tailwind
colors: {
custom: {
50: '#ddd0ce',
500: '#cfbdb9',
950: '#000000',
},
}SCSS
$custom: #cfbdb9; $custom-light: #ddd0ce; $custom-dark: #000000;
JSON
{
"hex": "#cfbdb9",
"rgb": {
"r": 207,
"g": 189,
"b": 185
},
"hsl": {
"h": 10.909,
"s": 18.644,
"l": 76.863
},
"oklch": {
"l": 0.81226,
"c": 0.02129,
"h": 32.5
},
"luminance": 0.53163
}Semantic roles & 50–950 ramp
primary
#CFBDB9
secondary
#889FA4
accent
#8E9D49
background
#FEFEFE
surface
#FCFBFA
border
#D5D4D3
text
#151413
muted
#848383