#632E2C#632E2C
#632E2C لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.048؛ OKLCH L 37.2% C 0.077 H 23.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.73:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #632E2C |
|---|---|
| RGB | rgb(99, 46, 44) |
| HSL | hsl(2, 38%, 28%) |
| HSV | hsv(2, 56%, 39%) |
| CMYK | cmyk(0%, 53.5%, 55.6%, 61.2%) |
| CIE-LAB | lab(26.13, 23.71, 12.49) |
| CIE-LCH | lch(26.13, 26.79, 27.79°) |
| OKLab | oklab(37.22% 0.0707 0.031) |
| OKLCH | oklch(37.22% 0.077 23.7) |
| XYZ | xyz(6.5777, 4.7892, 2.9604) |
| Luminance | 0.0479 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Wine
#722F37
ΔE00 4.85
Purple Brown
#673A3F
ΔE00 5.48
Purplish Brown
#6B4247
ΔE00 7.62
Claret
#680018
ΔE00 8.69
Wine Red
#7B0323
ΔE00 9.21
Brownish Purple
#76424E
ΔE00 9.40
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#632E2C #2C6163
analogous
#632C45 #632E2C #63492C
triadic
#632E2C #2C632E #2E2C63
tetradic
#632E2C #45632C #2C6163 #492C63
square
#632E2C #45632C #2C6163 #492C63
split-complementary
#632E2C #2C6349 #2C4563
monochromatic
#150A09 #391A19 #632E2C #8D423F #B45956
إمكانية الوصول والتباين
On white
10.73
#632E2C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.96
#632E2C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #632E2C
10.73:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##632E2C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##632E2C | 1.00 | 10.73 | 1.96 | 10.73 |
| #FFFFFF | 10.73 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.96 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.73 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#3A372C
Deuteranopia (green-blind)
#47422B
Tritanopia (blue-blind)
#6C262E
Achromatopsia (no color)
#3E3E3E
وسوم التصميم والكود
CSS
--color: #632e2c; /* rgb */ color: rgb(99, 46, 44); /* oklch */ color: oklch(37.2% 0.077 23.7);
Tailwind
colors: {
custom: {
50: '#936865',
500: '#632e2c',
950: '#000000',
},
}SCSS
$custom: #632e2c; $custom-light: #936865; $custom-dark: #000000;
JSON
{
"hex": "#632e2c",
"rgb": {
"r": 99,
"g": 46,
"b": 44
},
"hsl": {
"h": 2.182,
"s": 38.462,
"l": 28.039
},
"oklch": {
"l": 0.37221,
"c": 0.0772,
"h": 23.7
},
"luminance": 0.04788
}Semantic roles & 50–950 ramp
primary
#632E2C
secondary
#569395
accent
#CACE59
background
#F9F6F6
surface
#F2EBEB
border
#CCC6C6
text
#0D0605
muted
#7E7A7A