#1F321C#1F321C
#1F321C لون داكن وخافت من عائلة أخضر. الإضاءة النسبية 0.027؛ OKLCH L 29.4% C 0.046 H 141.1°. أفضل لون لنص المتن هو #FFFFFF بتباين 13.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #1F321C |
|---|---|
| RGB | rgb(31, 50, 28) |
| HSL | hsl(112, 28%, 15%) |
| HSV | hsv(112, 44%, 20%) |
| CMYK | cmyk(38%, 0%, 44%, 80.4%) |
| CIE-LAB | lab(18.61, -13.13, 11.62) |
| CIE-LCH | lch(18.61, 17.53, 138.48°) |
| OKLab | oklab(29.38% -0.0358 0.0289) |
| OKLCH | oklch(29.38% 0.046 141.1) |
| XYZ | xyz(1.9152, 2.6563, 1.5102) |
| Luminance | 0.0266 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Very Dark Green
#062E03
ΔE00 7.24
Dark Forest Green
#002D04
ΔE00 7.60
Dark Green
#033500
ΔE00 9.09
Evergreen
#05472A
ΔE00 9.77
Hunter Green (survey)
#0B4008
ΔE00 10.33
Pine Green
#0A481E
ΔE00 10.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#1F321C #2F1C32
analogous
#2A321C #1F321C #1C3224
triadic
#1F321C #1C1F32 #321C1F
tetradic
#1F321C #1C2A32 #2F1C32 #32241C
square
#1F321C #1C2A32 #2F1C32 #32241C
split-complementary
#1F321C #241C32 #321C2A
monochromatic
#0C140B #0C140B #1F321C #375932 #508048
إمكانية الوصول والتباين
On white
13.71
#1F321C on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.53
#1F321C on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #1F321C
13.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##1F321C | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##1F321C | 1.00 | 13.71 | 1.53 | 13.71 |
| #FFFFFF | 13.71 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.53 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 13.71 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#332E1A
Deuteranopia (green-blind)
#302D1D
Tritanopia (blue-blind)
#1E312C
Achromatopsia (no color)
#2D2D2D
وسوم التصميم والكود
CSS
--color: #1f321c; /* rgb */ color: rgb(31, 50, 28); /* oklch */ color: oklch(29.4% 0.046 141.1);
Tailwind
colors: {
custom: {
50: '#5b6a58',
500: '#1f321c',
950: '#000000',
},
}SCSS
$custom: #1f321c; $custom-light: #5b6a58; $custom-dark: #000000;
JSON
{
"hex": "#1f321c",
"rgb": {
"r": 31,
"g": 50,
"b": 28
},
"hsl": {
"h": 111.818,
"s": 28.205,
"l": 15.294
},
"oklch": {
"l": 0.29379,
"c": 0.04601,
"h": 141.1
},
"luminance": 0.02656
}Semantic roles & 50–950 ramp
primary
#1F321C
secondary
#614466
accent
#63C5B7
background
#F5F6F5
surface
#E9EBE9
border
#C5C6C5
text
#040603
muted
#797A78