#5CEB87#5CEB87
#5CEB87 لون فاتح جداً وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.634؛ OKLCH L 83.9% C 0.186 H 150.3°. أفضل لون لنص المتن هو #000000 بتباين 13.69:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #5CEB87 |
|---|---|
| RGB | rgb(92, 235, 135) |
| HSL | hsl(138, 78%, 64%) |
| HSV | hsv(138, 61%, 92%) |
| CMYK | cmyk(60.9%, 0%, 42.6%, 7.8%) |
| CIE-LAB | lab(83.67, -59.69, 37.33) |
| CIE-LCH | lch(83.67, 70.40, 147.98°) |
| OKLab | oklab(83.89% -0.1613 0.0921) |
| OKLCH | oklch(83.89% 0.186 150.3) |
| XYZ | xyz(38.4922, 63.4374, 33.1331) |
| Luminance | 0.6344 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Weird Green
#3AE57F
ΔE00 2.26
Turquoise Green
#04F489
ΔE00 3.37
Wintergreen
#20F986
ΔE00 3.83
Minty Green
#0BF77D
ΔE00 3.99
Sea Green (survey)
#53FCA1
ΔE00 4.46
Light Green Blue
#56FCA2
ΔE00 4.51
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#5CEB87 #EB5CC0
analogous
#79EB5C #5CEB87 #5CEBCF
triadic
#5CEB87 #875CEB #EB875C
tetradic
#5CEB87 #5C79EB #EB5CC0 #EBCF5C
square
#5CEB87 #5C79EB #EB5CC0 #EBCF5C
split-complementary
#5CEB87 #CF5CEB #EB5C79
monochromatic
#16B646 #25E45F #5CEB87 #93F2AF #C9F8D7
إمكانية الوصول والتباين
On white
1.53
#5CEB87 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.69
#5CEB87 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #5CEB87
13.69:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##5CEB87 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##5CEB87 | 1.00 | 1.53 | 13.69 | 13.69 |
| #FFFFFF | 1.53 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.69 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.69 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#ECD880
Deuteranopia (green-blind)
#DACB8E
Tritanopia (blue-blind)
#2EE7D3
Achromatopsia (no color)
#D1D1D1
وسوم التصميم والكود
CSS
--color: #5ceb87; /* rgb */ color: rgb(92, 235, 135); /* oklch */ color: oklch(83.9% 0.186 150.3);
Tailwind
colors: {
custom: {
50: '#97f2ab',
500: '#5ceb87',
950: '#000000',
},
}SCSS
$custom: #5ceb87; $custom-light: #97f2ab; $custom-dark: #000000;
JSON
{
"hex": "#5ceb87",
"rgb": {
"r": 92,
"g": 235,
"b": 135
},
"hsl": {
"h": 138.042,
"s": 78.142,
"l": 64.118
},
"oklch": {
"l": 0.83889,
"c": 0.18571,
"h": 150.3
},
"luminance": 0.63441
}Semantic roles & 50–950 ramp
primary
#5CEB87
secondary
#B6358F
accent
#0B9CDA
background
#FCFFFD
surface
#F5FEF7
border
#CFD6D0
text
#0F1710
muted
#808581