#101F10#101F10
#101F10 لون داكن جداً وخافت من عائلة أخضر. الإضاءة النسبية 0.011؛ OKLCH L 22.1% C 0.035 H 144.3°. أفضل لون لنص المتن هو #FFFFFF بتباين 17.13:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #101F10 |
|---|---|
| RGB | rgb(16, 31, 16) |
| HSL | hsl(120, 32%, 9%) |
| HSV | hsv(120, 48%, 12%) |
| CMYK | cmyk(48.4%, 0%, 48.4%, 87.8%) |
| CIE-LAB | lab(10.01, -10.50, 7.74) |
| CIE-LCH | lch(10.01, 13.04, 143.60°) |
| OKLab | oklab(22.06% -0.0287 0.0207) |
| OKLCH | oklch(22.06% 0.035 144.3) |
| XYZ | xyz(0.7972, 1.1275, 0.6657) |
| Luminance | 0.0113 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Very Dark Green
#062E03
ΔE00 10.34
Dark Forest Green
#002D04
ΔE00 10.36
Almost Black
#070D0D
ΔE00 11.76
Dark Green
#033500
ΔE00 12.97
Charcoal (survey)
#343837
ΔE00 13.55
Black
#000000
ΔE00 13.91
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#101F10 #1F101F
analogous
#181F10 #101F10 #101F18
triadic
#101F10 #10101F #1F1010
tetradic
#101F10 #10181F #1F101F #1F1810
square
#101F10 #10181F #1F101F #1F1810
split-complementary
#101F10 #18101F #1F1018
monochromatic
#0A140A #0A140A #101F10 #254725 #3A703A
إمكانية الوصول والتباين
On white
17.13
#101F10 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.23
#101F10 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #101F10
17.13:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##101F10 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##101F10 | 1.00 | 17.13 | 1.23 | 17.13 |
| #FFFFFF | 17.13 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.23 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 17.13 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#201C0F
Deuteranopia (green-blind)
#1D1B11
Tritanopia (blue-blind)
#0E1E1B
Achromatopsia (no color)
#1B1B1B
وسوم التصميم والكود
CSS
--color: #101f10; /* rgb */ color: rgb(16, 31, 16); /* oklch */ color: oklch(22.1% 0.035 144.3);
Tailwind
colors: {
custom: {
50: '#4e5a4e',
500: '#101f10',
950: '#000000',
},
}SCSS
$custom: #101f10; $custom-light: #4e5a4e; $custom-dark: #000000;
JSON
{
"hex": "#101f10",
"rgb": {
"r": 16,
"g": 31,
"b": 16
},
"hsl": {
"h": 120,
"s": 31.915,
"l": 9.216
},
"oklch": {
"l": 0.22056,
"c": 0.03536,
"h": 144.3
},
"luminance": 0.01128
}Semantic roles & 50–950 ramp
primary
#101F10
secondary
#553655
accent
#60C8C8
background
#F4F5F4
surface
#E7E9E7
border
#C3C5C3
text
#010401
muted
#777977