#303E23#303E23
#303E23 لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.042؛ OKLCH L 34.3% C 0.048 H 130.9°. أفضل لون لنص المتن هو #FFFFFF بتباين 11.42:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #303E23 |
|---|---|
| RGB | rgb(48, 62, 35) |
| HSL | hsl(91, 28%, 19%) |
| HSV | hsv(91, 44%, 24%) |
| CMYK | cmyk(22.6%, 0%, 43.5%, 75.7%) |
| CIE-LAB | lab(24.31, -11.53, 14.78) |
| CIE-LCH | lch(24.31, 18.75, 127.95°) |
| OKLab | oklab(34.34% -0.0316 0.0365) |
| OKLCH | oklch(34.34% 0.048 130.9) |
| XYZ | xyz(3.2449, 4.1949, 2.2285) |
| Luminance | 0.0420 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 9.08
Very Dark Green
#062E03
ΔE00 9.44
Hunter Green (survey)
#0B4008
ΔE00 9.78
Pine Green
#0A481E
ΔE00 9.78
Forrest Green
#154406
ΔE00 9.90
Dark Green
#033500
ΔE00 9.98
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#303E23 #31233E
analogous
#3E3E23 #303E23 #233E24
triadic
#303E23 #23303E #3E2330
tetradic
#303E23 #233E3E #31233E #3E2423
square
#303E23 #233E3E #31233E #3E2423
split-complementary
#303E23 #24233E #3E233E
monochromatic
#0F140B #12170D #303E23 #4E6539 #6D8C4F
إمكانية الوصول والتباين
On white
11.42
#303E23 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.84
#303E23 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #303E23
11.42:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##303E23 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##303E23 | 1.00 | 11.42 | 1.84 | 11.42 |
| #FFFFFF | 11.42 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.84 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 11.42 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#403A21
Deuteranopia (green-blind)
#3E3924
Tritanopia (blue-blind)
#313C37
Achromatopsia (no color)
#3A3A3A
وسوم التصميم والكود
CSS
--color: #303e23; /* rgb */ color: rgb(48, 62, 35); /* oklch */ color: oklch(34.3% 0.048 130.9);
Tailwind
colors: {
custom: {
50: '#69735e',
500: '#303e23',
950: '#000000',
},
}SCSS
$custom: #303e23; $custom-light: #69735e; $custom-dark: #000000;
JSON
{
"hex": "#303e23",
"rgb": {
"r": 48,
"g": 62,
"b": 35
},
"hsl": {
"h": 91.111,
"s": 27.835,
"l": 19.02
},
"oklch": {
"l": 0.34342,
"c": 0.04823,
"h": 130.9
},
"luminance": 0.04195
}Semantic roles & 50–950 ramp
primary
#303E23
secondary
#5F4C71
accent
#64C496
background
#F6F6F5
surface
#EBECE9
border
#C6C7C5
text
#060804
muted
#7A7B79