#30BF7A#30BF7A
#30BF7A لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.393؛ OKLCH L 71.4% C 0.156 H 156.9°. أفضل لون لنص المتن هو #000000 بتباين 8.86:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #30BF7A |
|---|---|
| RGB | rgb(48, 191, 122) |
| HSL | hsl(151, 60%, 47%) |
| HSV | hsv(151, 75%, 75%) |
| CMYK | cmyk(74.9%, 0%, 36.1%, 25.1%) |
| CIE-LAB | lab(68.96, -53.02, 24.41) |
| CIE-LCH | lch(68.96, 58.37, 155.28°) |
| OKLab | oklab(71.42% -0.1434 0.0613) |
| OKLCH | oklch(71.42% 0.156 156.9) |
| XYZ | xyz(23.3603, 39.2924, 24.7616) |
| Luminance | 0.3930 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Dark Mint Green
#20C073
ΔE00 1.49
Greenish Teal
#32BF84
ΔE00 2.12
Dark Mint
#48C072
ΔE00 2.65
Algae Green
#21C36F
ΔE00 2.73
Green Teal
#0CB577
ΔE00 3.29
Greenblue
#23C48B
ΔE00 3.33
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#30BF7A #BF3075
analogous
#30BF32 #30BF7A #30BDBF
triadic
#30BF7A #7A30BF #BF7A30
tetradic
#30BF7A #3230BF #BF3075 #BDBF30
square
#30BF7A #3230BF #BF3075 #BDBF30
split-complementary
#30BF7A #BF30BD #BF3230
monochromatic
#175D3C #248E5B #30BF7A #57D598 #88E1B6
إمكانية الوصول والتباين
On white
2.37
#30BF7A on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.86
#30BF7A on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #30BF7A
8.86:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##30BF7A | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##30BF7A | 1.00 | 2.37 | 8.86 | 8.86 |
| #FFFFFF | 2.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.86 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.86 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#BEB076
Deuteranopia (green-blind)
#ACA37F
Tritanopia (blue-blind)
#00BDAD
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #30bf7a; /* rgb */ color: rgb(48, 191, 122); /* oklch */ color: oklch(71.4% 0.156 156.9);
Tailwind
colors: {
custom: {
50: '#7dd3a1',
500: '#30bf7a',
950: '#000000',
},
}SCSS
$custom: #30bf7a; $custom-light: #7dd3a1; $custom-dark: #000000;
JSON
{
"hex": "#30bf7a",
"rgb": {
"r": 48,
"g": 191,
"b": 122
},
"hsl": {
"h": 151.049,
"s": 59.833,
"l": 46.863
},
"oklch": {
"l": 0.71424,
"c": 0.15593,
"h": 156.9
},
"luminance": 0.39295
}Semantic roles & 50–950 ramp
primary
#30BF7A
secondary
#CB80A4
accent
#4591E3
background
#F8FDF9
surface
#EFFAF2
border
#CAD3CC
text
#0B140F
muted
#7C837E