#631C19#631C19
#631C19 لون داكن ومتوسط التشبّع من عائلة أحمر. الإضاءة النسبية 0.036؛ OKLCH L 34.1% C 0.103 H 26.5°. أفضل لون لنص المتن هو #FFFFFF بتباين 12.28:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #631C19 |
|---|---|
| RGB | rgb(99, 28, 25) |
| HSL | hsl(2, 60%, 24%) |
| HSV | hsv(2, 75%, 39%) |
| CMYK | cmyk(0%, 71.7%, 74.7%, 61.2%) |
| CIE-LAB | lab(22.14, 31.74, 20.00) |
| CIE-LCH | lch(22.14, 37.52, 32.22°) |
| OKLab | oklab(34.1% 0.0922 0.046) |
| OKLCH | oklch(34.1% 0.103 26.5) |
| XYZ | xyz(5.7369, 3.5542, 1.3035) |
| Luminance | 0.0355 (WCAG relative) |
| Temperature | warm |
| Family | red |
أقرب الألوان المُسمّاة
Rosewood
#65000B
ΔE00 4.12
Claret
#680018
ΔE00 5.23
Reddy Brown
#6E1005
ΔE00 5.56
Dried Blood
#4B0101
ΔE00 6.37
Mahogany
#4A0100
ΔE00 6.53
Blood
#770001
ΔE00 6.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#631C19 #196063
analogous
#63193B #631C19 #634119
triadic
#631C19 #19631C #1C1963
tetradic
#631C19 #3B6319 #196063 #411963
square
#631C19 #3B6319 #196063 #411963
split-complementary
#631C19 #196341 #193B63
monochromatic
#180706 #320E0D #631C19 #942A25 #C53832
إمكانية الوصول والتباين
On white
12.28
#631C19 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.71
#631C19 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #631C19
12.28:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##631C19 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##631C19 | 1.00 | 12.28 | 1.71 | 12.28 |
| #FFFFFF | 12.28 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.71 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 12.28 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#302B18
Deuteranopia (green-blind)
#413B17
Tritanopia (blue-blind)
#6D081C
Achromatopsia (no color)
#353535
وسوم التصميم والكود
CSS
--color: #631c19; /* rgb */ color: rgb(99, 28, 25); /* oklch */ color: oklch(34.1% 0.103 26.5);
Tailwind
colors: {
custom: {
50: '#955d55',
500: '#631c19',
950: '#000000',
},
}SCSS
$custom: #631c19; $custom-light: #955d55; $custom-dark: #000000;
JSON
{
"hex": "#631c19",
"rgb": {
"r": 99,
"g": 28,
"b": 25
},
"hsl": {
"h": 2.432,
"s": 59.677,
"l": 24.314
},
"oklch": {
"l": 0.34098,
"c": 0.10303,
"h": 26.5
},
"luminance": 0.03553
}Semantic roles & 50–950 ramp
primary
#631C19
secondary
#3F9599
accent
#DCE345
background
#F9F5F5
surface
#F2E9E8
border
#CCC5C4
text
#0E0403
muted
#7E7978