#30CD91#30CD91
#30CD91 لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.463؛ OKLCH L 75.5% C 0.154 H 161.9°. أفضل لون لنص المتن هو #000000 بتباين 10.27:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #30CD91 |
|---|---|
| RGB | rgb(48, 205, 145) |
| HSL | hsl(157, 62%, 50%) |
| HSV | hsv(157, 77%, 80%) |
| CMYK | cmyk(76.6%, 0%, 29.3%, 19.6%) |
| CIE-LAB | lab(73.76, -53.58, 18.75) |
| CIE-LCH | lch(73.76, 56.77, 160.71°) |
| OKLab | oklab(75.52% -0.1462 0.0477) |
| OKLCH | oklch(75.52% 0.154 161.9) |
| XYZ | xyz(28.1580, 46.3319, 34.2415) |
| Luminance | 0.4633 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greenblue
#23C48B
ΔE00 2.39
Greenish Teal
#32BF84
ΔE00 3.64
Green Blue
#01C08D
ΔE00 3.99
Eucalyptus
#44D7A8
ΔE00 4.23
Seaweed
#18D17B
ΔE00 4.84
Dark Mint Green
#20C073
ΔE00 5.29
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#30CD91 #CD306C
analogous
#30CD43 #30CD91 #30BBCD
triadic
#30CD91 #9130CD #CD9130
tetradic
#30CD91 #4330CD #CD306C #BBCD30
square
#30CD91 #4330CD #CD306C #BBCD30
split-complementary
#30CD91 #CD30BB #CD4330
monochromatic
#196A4B #249B6E #30CD91 #60DAAB #92E5C6
إمكانية الوصول والتباين
On white
2.05
#30CD91 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.27
#30CD91 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #30CD91
10.27:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##30CD91 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##30CD91 | 1.00 | 2.05 | 10.27 | 10.27 |
| #FFFFFF | 2.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.27 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.27 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CABD8D
Deuteranopia (green-blind)
#B7B095
Tritanopia (blue-blind)
#00CDBD
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #30cd91; /* rgb */ color: rgb(48, 205, 145); /* oklch */ color: oklch(75.5% 0.154 161.9);
Tailwind
colors: {
custom: {
50: '#80ddb1',
500: '#30cd91',
950: '#000000',
},
}SCSS
$custom: #30cd91; $custom-light: #80ddb1; $custom-dark: #000000;
JSON
{
"hex": "#30cd91",
"rgb": {
"r": 48,
"g": 205,
"b": 145
},
"hsl": {
"h": 157.07,
"s": 62.055,
"l": 49.608
},
"oklch": {
"l": 0.75519,
"c": 0.15378,
"h": 161.9
},
"luminance": 0.46335
}Semantic roles & 50–950 ramp
primary
#30CD91
secondary
#D089A4
accent
#4381E5
background
#F8FDFA
surface
#F0FBF5
border
#CBD4CF
text
#0C1510
muted
#7D837F