#635332#635332
#635332 لون داكن وخافت من عائلة برتقالي. الإضاءة النسبية 0.091؛ OKLCH L 45.0% C 0.053 H 84.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 7.46:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #635332 |
|---|---|
| RGB | rgb(99, 83, 50) |
| HSL | hsl(40, 33%, 29%) |
| HSV | hsv(40, 49%, 39%) |
| CMYK | cmyk(0%, 16.2%, 49.5%, 61.2%) |
| CIE-LAB | lab(36.12, 1.67, 21.73) |
| CIE-LCH | lch(36.12, 21.80, 85.59°) |
| OKLab | oklab(45% 0.0051 0.0527) |
| OKLCH | oklch(45% 0.053 84.5) |
| XYZ | xyz(8.8149, 9.0699, 4.3033) |
| Luminance | 0.0907 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Mud Brown
#60460F
ΔE00 7.28
Greyish Brown
#7A6A4F
ΔE00 8.80
Olive Brown
#645403
ΔE00 9.07
Mud
#735C12
ΔE00 9.19
Walnut
#5C4A3D
ΔE00 9.23
Dirt Brown
#836539
ΔE00 9.24
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#635332 #324263
analogous
#633B32 #635332 #5B6332
triadic
#635332 #326353 #533263
tetradic
#635332 #32633B #324263 #63325B
square
#635332 #32633B #324263 #63325B
split-complementary
#635332 #325B63 #3B3263
monochromatic
#14110A #3A311D #635332 #8C7547 #AF9560
إمكانية الوصول والتباين
On white
7.46
#635332 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.81
#635332 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #635332
7.46:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##635332 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##635332 | 1.00 | 7.46 | 2.81 | 7.46 |
| #FFFFFF | 7.46 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.81 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 7.46 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#5B532F
Deuteranopia (green-blind)
#5E5733
Tritanopia (blue-blind)
#6A4E4B
Achromatopsia (no color)
#555555
وسوم التصميم والكود
CSS
--color: #635332; /* rgb */ color: rgb(99, 83, 50); /* oklch */ color: oklch(45.0% 0.053 84.5);
Tailwind
colors: {
custom: {
50: '#91836a',
500: '#635332',
950: '#000000',
},
}SCSS
$custom: #635332; $custom-light: #91836a; $custom-dark: #000000;
JSON
{
"hex": "#635332",
"rgb": {
"r": 99,
"g": 83,
"b": 50
},
"hsl": {
"h": 40.408,
"s": 32.886,
"l": 29.216
},
"oklch": {
"l": 0.44995,
"c": 0.05297,
"h": 84.5
},
"luminance": 0.09069
}Semantic roles & 50–950 ramp
primary
#635332
secondary
#5D6F94
accent
#81C95F
background
#F9F8F6
surface
#F1EFEB
border
#CBCAC6
text
#0D0A06
muted
#7E7C7A