#CEBFB1#CEBFB1
#CEBFB1 لون فاتح وخافت من عائلة برتقالي. الإضاءة النسبية 0.536؛ OKLCH L 81.3% C 0.026 H 65.5°. أفضل لون لنص المتن هو #000000 بتباين 11.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CEBFB1 |
|---|---|
| RGB | rgb(206, 191, 177) |
| HSL | hsl(29, 23%, 75%) |
| HSV | hsv(29, 14%, 81%) |
| CMYK | cmyk(0%, 7.3%, 14.1%, 19.2%) |
| CIE-LAB | lab(78.20, 2.94, 8.96) |
| CIE-LCH | lch(78.20, 9.43, 71.84°) |
| OKLab | oklab(81.32% 0.0107 0.0234) |
| OKLCH | oklch(81.32% 0.026 65.5) |
| XYZ | xyz(52.0197, 53.5586, 49.1840) |
| Luminance | 0.5356 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Warm Gray
#C9BEB0
ΔE00 1.98
Greige
#B8AB98
ΔE00 6.28
Warm Beige
#E9DCC9
ΔE00 7.30
Khaki
#C3B091
ΔE00 7.49
Silver
#C0C0C0
ΔE00 8.16
Tan
#D2B48C
ΔE00 9.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CEBFB1 #B1C0CE
analogous
#CEB1B1 #CEBFB1 #CECEB1
triadic
#CEBFB1 #B1CEBF #BFB1CE
tetradic
#CEBFB1 #B1CEB1 #B1C0CE #CEB1CE
square
#CEBFB1 #B1CEB1 #B1C0CE #CEB1CE
split-complementary
#CEBFB1 #B1CECE #B1B1CE
monochromatic
#9F8166 #B6A08B #CEBFB1 #E6DED7 #F3F0EC
إمكانية الوصول والتباين
On white
1.79
#CEBFB1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.71
#CEBFB1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CEBFB1
11.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CEBFB1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CEBFB1 | 1.00 | 1.79 | 11.71 | 11.71 |
| #FFFFFF | 1.79 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C4BFB0
Deuteranopia (green-blind)
#C8C3B1
Tritanopia (blue-blind)
#D4BCBB
Achromatopsia (no color)
#C1C1C1
وسوم التصميم والكود
CSS
--color: #cebfb1; /* rgb */ color: rgb(206, 191, 177); /* oklch */ color: oklch(81.3% 0.026 65.5);
Tailwind
colors: {
custom: {
50: '#ddd2c8',
500: '#cebfb1',
950: '#000000',
},
}SCSS
$custom: #cebfb1; $custom-light: #ddd2c8; $custom-dark: #000000;
JSON
{
"hex": "#cebfb1",
"rgb": {
"r": 206,
"g": 191,
"b": 177
},
"hsl": {
"h": 28.966,
"s": 22.835,
"l": 75.098
},
"oklch": {
"l": 0.81324,
"c": 0.02575,
"h": 65.5
},
"luminance": 0.53558
}Semantic roles & 50–950 ramp
primary
#CEBFB1
secondary
#8092A3
accent
#74A144
background
#FEFEFD
surface
#FCFBF9
border
#D5D4D2
text
#151413
muted
#848382