#232B15#232B15
#232B15 لون داكن وخافت من عائلة أصفر مخضرّ. الإضاءة النسبية 0.021؛ OKLCH L 27.5% C 0.039 H 125.2°. أفضل لون لنص المتن هو #FFFFFF بتباين 14.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #232B15 |
|---|---|
| RGB | rgb(35, 43, 21) |
| HSL | hsl(82, 34%, 13%) |
| HSV | hsv(82, 51%, 17%) |
| CMYK | cmyk(18.6%, 0%, 51.2%, 83.1%) |
| CIE-LAB | lab(16.20, -8.23, 13.18) |
| CIE-LCH | lch(16.20, 15.54, 122.00°) |
| OKLab | oklab(27.47% -0.0227 0.0322) |
| OKLCH | oklch(27.47% 0.039 125.2) |
| XYZ | xyz(1.6924, 2.1392, 1.0331) |
| Luminance | 0.0214 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Very Dark Green
#062E03
ΔE00 9.80
Dark Forest Green
#002D04
ΔE00 10.41
Dark Olive
#373E02
ΔE00 11.12
Dark Green
#033500
ΔE00 11.50
Charcoal (survey)
#343837
ΔE00 12.27
Hunter Green (survey)
#0B4008
ΔE00 12.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#232B15 #1D152B
analogous
#2B2815 #232B15 #182B15
triadic
#232B15 #15232B #2B1523
tetradic
#232B15 #152B28 #1D152B #2B1518
square
#232B15 #152B28 #1D152B #2B1518
split-complementary
#232B15 #15182B #28152B
monochromatic
#11150A #11150A #232B15 #445429 #667D3D
إمكانية الوصول والتباين
On white
14.71
#232B15 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.43
#232B15 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #232B15
14.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##232B15 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##232B15 | 1.00 | 14.71 | 1.43 | 14.71 |
| #FFFFFF | 14.71 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.43 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 14.71 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#2D2813
Deuteranopia (green-blind)
#2C2816
Tritanopia (blue-blind)
#242926
Achromatopsia (no color)
#282828
وسوم التصميم والكود
CSS
--color: #232b15; /* rgb */ color: rgb(35, 43, 21); /* oklch */ color: oklch(27.5% 0.039 125.2);
Tailwind
colors: {
custom: {
50: '#5e6452',
500: '#232b15',
950: '#000000',
},
}SCSS
$custom: #232b15; $custom-light: #5e6452; $custom-dark: #000000;
JSON
{
"hex": "#232b15",
"rgb": {
"r": 35,
"g": 43,
"b": 21
},
"hsl": {
"h": 81.818,
"s": 34.375,
"l": 12.549
},
"oklch": {
"l": 0.27472,
"c": 0.03936,
"h": 125.2
},
"luminance": 0.02139
}Semantic roles & 50–950 ramp
primary
#232B15
secondary
#493B61
accent
#5DCA85
background
#F5F5F4
surface
#E9EAE7
border
#C5C6C3
text
#040502
muted
#797978