#CB8875#CB8875
#CB8875 لون فاتح ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.316؛ OKLCH L 69.0% C 0.087 H 36.5°. أفضل لون لنص المتن هو #000000 بتباين 7.32:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #CB8875 |
|---|---|
| RGB | rgb(203, 136, 117) |
| HSL | hsl(13, 45%, 63%) |
| HSV | hsv(13, 42%, 80%) |
| CMYK | cmyk(0%, 33%, 42.4%, 20.4%) |
| CIE-LAB | lab(63.00, 23.38, 20.67) |
| CIE-LCH | lch(63.00, 31.21, 41.49°) |
| OKLab | oklab(68.99% 0.0703 0.0521) |
| OKLCH | oklch(68.99% 0.087 36.5) |
| XYZ | xyz(36.6453, 31.5919, 20.9940) |
| Luminance | 0.3159 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Pinkish Tan
#D99B82
ΔE00 5.83
Brownish Pink
#C27E79
ΔE00 6.08
Dark Peach
#DE7E5D
ΔE00 6.32
Darksalmon
#E9967A
ΔE00 6.54
Pinkish Brown
#B17261
ΔE00 7.83
Blush (survey)
#F29E8E
ΔE00 8.60
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#CB8875 #75B8CB
analogous
#CB758D #CB8875 #CBB375
triadic
#CB8875 #75CB88 #8875CB
tetradic
#CB8875 #8DCB75 #75B8CB #B375CB
square
#CB8875 #8DCB75 #75B8CB #B375CB
split-complementary
#CB8875 #75CBB3 #758DCB
monochromatic
#904A36 #BA6249 #CB8875 #DCAEA1 #ECD5CE
إمكانية الوصول والتباين
On white
2.87
#CB8875 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.32
#CB8875 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #CB8875
7.32:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##CB8875 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##CB8875 | 1.00 | 2.87 | 7.32 | 7.32 |
| #FFFFFF | 2.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.32 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.32 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#989073
Deuteranopia (green-blind)
#A89E74
Tritanopia (blue-blind)
#DA7E83
Achromatopsia (no color)
#989898
وسوم التصميم والكود
CSS
--color: #cb8875; /* rgb */ color: rgb(203, 136, 117); /* oklch */ color: oklch(69.0% 0.087 36.5);
Tailwind
colors: {
custom: {
50: '#ddab9c',
500: '#cb8875',
950: '#000000',
},
}SCSS
$custom: #cb8875; $custom-light: #ddab9c; $custom-dark: #000000;
JSON
{
"hex": "#cb8875",
"rgb": {
"r": 203,
"g": 136,
"b": 117
},
"hsl": {
"h": 13.256,
"s": 45.263,
"l": 62.745
},
"oklch": {
"l": 0.68988,
"c": 0.08746,
"h": 36.5
},
"luminance": 0.31589
}Semantic roles & 50–950 ramp
primary
#CB8875
secondary
#BED7DD
accent
#9AB82D
background
#FDFAF9
surface
#FBF4F2
border
#D4CECC
text
#15100E
muted
#837F7E