#421D06#421D06
#421D06 لون داكن ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.021؛ OKLCH L 28.0% C 0.066 H 49.0°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.89:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #421D06 |
|---|---|
| RGB | rgb(66, 29, 6) |
| HSL | hsl(23, 83%, 14%) |
| HSV | hsv(23, 91%, 26%) |
| CMYK | cmyk(0%, 56.1%, 90.9%, 74.1%) |
| CIE-LAB | lab(15.75, 16.07, 21.08) |
| CIE-LCH | lch(15.75, 26.51, 52.68°) |
| OKLab | oklab(27.97% 0.0435 0.05) |
| OKLCH | oklch(27.97% 0.066 49) |
| XYZ | xyz(2.7193, 2.0505, 0.4248) |
| Luminance | 0.0205 (WCAG relative) |
| Temperature | warm |
| Family | orange |
أقرب الألوان المُسمّاة
Chocolate Brown
#411900
ΔE00 1.32
Chocolate (survey)
#3D1C02
ΔE00 1.76
Dark Brown
#341C02
ΔE00 5.46
Mahogany
#4A0100
ΔE00 10.38
Deep Brown
#410200
ΔE00 10.47
Dried Blood
#4B0101
ΔE00 10.50
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#421D06 #062B42
analogous
#42060D #421D06 #423B06
triadic
#421D06 #06421D #1D0642
tetradic
#421D06 #0D4206 #062B42 #3B0642
square
#421D06 #0D4206 #062B42 #3B0642
split-complementary
#421D06 #06423B #060D42
monochromatic
#1C0C03 #1C0C03 #421D06 #7A360B #B24E10
إمكانية الوصول والتباين
On white
14.89
#421D06 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.41
#421D06 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #421D06
14.89:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##421D06 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##421D06 | 1.00 | 14.89 | 1.41 | 14.89 |
| #FFFFFF | 14.89 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.41 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.89 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#282204
Deuteranopia (green-blind)
#312A05
Tritanopia (blue-blind)
#491518
Achromatopsia (no color)
#272727
وسوم التصميم والكود
CSS
--color: #421d06; /* rgb */ color: rgb(66, 29, 6); /* oklch */ color: oklch(28.0% 0.066 49.0);
Tailwind
colors: {
custom: {
50: '#7a5949',
500: '#421d06',
950: '#000000',
},
}SCSS
$custom: #421d06; $custom-light: #7a5949; $custom-dark: #000000;
JSON
{
"hex": "#421d06",
"rgb": {
"r": 66,
"g": 29,
"b": 6
},
"hsl": {
"h": 23,
"s": 83.333,
"l": 14.118
},
"oklch": {
"l": 0.2797,
"c": 0.06629,
"h": 49
},
"luminance": 0.0205
}Semantic roles & 50–950 ramp
primary
#421D06
secondary
#225D82
accent
#ACFA2E
background
#F7F5F4
surface
#EEE9E7
border
#C9C5C3
text
#0A0301
muted
#7C7877