#603F2E#603F2E
#603F2E لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.062؛ OKLCH L 40.1% C 0.054 H 48.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 9.34:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #603F2E |
|---|---|
| RGB | rgb(96, 63, 46) |
| HSL | hsl(20, 35%, 28%) |
| HSV | hsv(20, 52%, 38%) |
| CMYK | cmyk(0%, 34.4%, 52.1%, 62.4%) |
| CIE-LAB | lab(30.01, 12.21, 16.25) |
| CIE-LCH | lch(30.01, 20.33, 53.08°) |
| OKLab | oklab(40.12% 0.036 0.04) |
| OKLCH | oklch(40.12% 0.054 48) |
| XYZ | xyz(7.0949, 6.2396, 3.4149) |
| Luminance | 0.0624 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Espresso
#4B382A
ΔE00 6.52
Walnut
#5C4A3D
ΔE00 6.79
Umber
#635147
ΔE00 8.15
Brown (survey)
#653700
ΔE00 10.53
Purple Brown
#673A3F
ΔE00 11.27
Chocolate (survey)
#3D1C02
ΔE00 11.27
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#603F2E #2E4F60
analogous
#602E36 #603F2E #60582E
triadic
#603F2E #2E603F #3F2E60
tetradic
#603F2E #36602E #2E4F60 #582E60
square
#603F2E #36602E #2E4F60 #582E60
split-complementary
#603F2E #2E6058 #2E3660
monochromatic
#150E0A #37241A #603F2E #895A42 #AF7659
إمكانية الوصول والتباين
On white
9.34
#603F2E on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.25
#603F2E on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #603F2E
9.34:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##603F2E | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##603F2E | 1.00 | 9.34 | 2.25 | 9.34 |
| #FFFFFF | 9.34 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.25 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 9.34 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#48422D
Deuteranopia (green-blind)
#50492E
Tritanopia (blue-blind)
#68393B
Achromatopsia (no color)
#474747
وسوم التصميم والكود
CSS
--color: #603f2e; /* rgb */ color: rgb(96, 63, 46); /* oklch */ color: oklch(40.1% 0.054 48.0);
Tailwind
colors: {
custom: {
50: '#8f7467',
500: '#603f2e',
950: '#000000',
},
}SCSS
$custom: #603f2e; $custom-light: #8f7467; $custom-dark: #000000;
JSON
{
"hex": "#603f2e",
"rgb": {
"r": 96,
"g": 63,
"b": 46
},
"hsl": {
"h": 20.4,
"s": 35.211,
"l": 27.843
},
"oklch": {
"l": 0.4012,
"c": 0.05382,
"h": 48
},
"luminance": 0.06239
}Semantic roles & 50–950 ramp
primary
#603F2E
secondary
#587E92
accent
#A6CB5D
background
#F8F7F6
surface
#F0EDEB
border
#CBC8C6
text
#0D0806
muted
#7D7B7A