#10271D#10271D
#10271D لون داكن وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.017؛ OKLCH L 25.0% C 0.035 H 163.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 15.79:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #10271D |
|---|---|
| RGB | rgb(16, 39, 29) |
| HSL | hsl(154, 42%, 11%) |
| HSV | hsv(154, 59%, 15%) |
| CMYK | cmyk(59%, 0%, 25.6%, 84.7%) |
| CIE-LAB | lab(13.53, -12.14, 3.84) |
| CIE-LCH | lch(13.53, 12.73, 162.43°) |
| OKLab | oklab(25.02% -0.0338 0.0099) |
| OKLCH | oklch(25.02% 0.035 163.7) |
| XYZ | xyz(1.1609, 1.6498, 1.4194) |
| Luminance | 0.0165 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Forest Green
#002D04
ΔE00 10.89
Very Dark Green
#062E03
ΔE00 11.10
Charcoal (survey)
#343837
ΔE00 12.46
Almost Black
#070D0D
ΔE00 12.84
Evergreen
#05472A
ΔE00 12.85
Gunmetal
#2A3439
ΔE00 12.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#10271D #27101A
analogous
#102711 #10271D #102527
triadic
#10271D #1D1027 #271D10
tetradic
#10271D #111027 #27101A #252710
square
#10271D #111027 #27101A #252710
split-complementary
#10271D #271025 #271110
monochromatic
#091610 #091610 #10271D #22523D #347E5E
إمكانية الوصول والتباين
On white
15.79
#10271D on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.33
#10271D on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #10271D
15.79:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##10271D | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##10271D | 1.00 | 15.79 | 1.33 | 15.79 |
| #FFFFFF | 15.79 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.33 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.79 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#26241C
Deuteranopia (green-blind)
#23221E
Tritanopia (blue-blind)
#092724
Achromatopsia (no color)
#232323
وسوم التصميم والكود
CSS
--color: #10271d; /* rgb */ color: rgb(16, 39, 29); /* oklch */ color: oklch(25.0% 0.035 163.7);
Tailwind
colors: {
custom: {
50: '#506158',
500: '#10271d',
950: '#000000',
},
}SCSS
$custom: #10271d; $custom-light: #506158; $custom-dark: #000000;
JSON
{
"hex": "#10271d",
"rgb": {
"r": 16,
"g": 39,
"b": 29
},
"hsl": {
"h": 153.913,
"s": 41.818,
"l": 10.784
},
"oklch": {
"l": 0.25024,
"c": 0.03518,
"h": 163.7
},
"luminance": 0.0165
}Semantic roles & 50–950 ramp
primary
#10271D
secondary
#5F3447
accent
#568CD2
background
#F4F5F5
surface
#E7E9E9
border
#C3C5C5
text
#020503
muted
#787978