#229F2E#229F2E
#229F2E لون متوسط وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.253؛ OKLCH L 61.5% C 0.184 H 144.0°. أفضل لون لنص المتن هو #000000 بتباين 6.07:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #229F2E |
|---|---|
| RGB | rgb(34, 159, 46) |
| HSL | hsl(126, 65%, 38%) |
| HSV | hsv(126, 79%, 62%) |
| CMYK | cmyk(78.6%, 0%, 71.1%, 37.6%) |
| CIE-LAB | lab(57.40, -55.17, 47.35) |
| CIE-LCH | lch(57.40, 72.71, 139.36°) |
| OKLab | oklab(61.46% -0.1492 0.1083) |
| OKLCH | oklch(61.46% 0.184 144) |
| XYZ | xyz(13.5501, 25.3320, 6.7597) |
| Luminance | 0.2533 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Irish Green
#019529
ΔE00 3.58
Kelly Green (survey)
#02AB2E
ΔE00 3.69
Emerald (survey)
#01A049
ΔE00 4.32
Grass Green
#3F9B0B
ΔE00 4.33
True Green
#089404
ΔE00 4.54
Mid Green
#50A747
ΔE00 4.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#229F2E #9F2293
analogous
#549F22 #229F2E #229F6C
triadic
#229F2E #2E229F #9F2E22
tetradic
#229F2E #22549F #9F2293 #9F6C22
square
#229F2E #22549F #9F2293 #9F6C22
split-complementary
#229F2E #6C229F #9F2254
monochromatic
#0C3A11 #176D1F #229F2E #2DD13D #5FDD6B
إمكانية الوصول والتباين
On white
3.46
#229F2E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
6.07
#229F2E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #229F2E
6.07:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##229F2E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##229F2E | 1.00 | 3.46 | 6.07 | 6.07 |
| #FFFFFF | 3.46 | 1.00 | 21.00 | 21.00 |
| #000000 | 6.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 6.07 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#A2901D
Deuteranopia (green-blind)
#948639
Tritanopia (blue-blind)
#009B88
Achromatopsia (no color)
#8A8A8A
وسوم التصميم والكود
CSS
--color: #229f2e; /* rgb */ color: rgb(34, 159, 46); /* oklch */ color: oklch(61.5% 0.184 144.0);
Tailwind
colors: {
custom: {
50: '#74bd6d',
500: '#229f2e',
950: '#000000',
},
}SCSS
$custom: #229f2e; $custom-light: #74bd6d; $custom-dark: #000000;
JSON
{
"hex": "#229f2e",
"rgb": {
"r": 34,
"g": 159,
"b": 46
},
"hsl": {
"h": 125.76,
"s": 64.767,
"l": 37.843
},
"oklch": {
"l": 0.61461,
"c": 0.18435,
"h": 144
},
"luminance": 0.25334
}Semantic roles & 50–950 ramp
primary
#229F2E
secondary
#C15BB8
accent
#40D8E8
background
#F7FBF6
surface
#EEF7EC
border
#C9D0C7
text
#0A1207
muted
#7C817A