#C8FE93#C8FE93
#C8FE93 لون فاتح جداً وزاهٍ من عائلة أصفر مخضرّ. الإضاءة النسبية 0.853؛ OKLCH L 93.6% C 0.147 H 130.6°. أفضل لون لنص المتن هو #000000 بتباين 18.05:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C8FE93 |
|---|---|
| RGB | rgb(200, 254, 147) |
| HSL | hsl(90, 98%, 79%) |
| HSV | hsv(90, 42%, 100%) |
| CMYK | cmyk(21.3%, 0%, 42.1%, 0.4%) |
| CIE-LAB | lab(94.00, -34.69, 45.63) |
| CIE-LCH | lch(94.00, 57.32, 127.24°) |
| OKLab | oklab(93.62% -0.0955 0.1113) |
| OKLCH | oklch(93.62% 0.147 130.6) |
| XYZ | xyz(64.5268, 85.2683, 40.6569) |
| Luminance | 0.8527 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
أقرب الألوان المُسمّاة
Pistachio (survey)
#C0FA8B
ΔE00 1.25
Celery
#C1FD95
ΔE00 1.29
Light Yellowish Green
#C2FF89
ΔE00 1.57
Light Pea Green
#C4FE82
ΔE00 2.29
Light Yellow Green
#CCFD7F
ΔE00 3.14
Pale Lime
#BEFD73
ΔE00 3.97
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C8FE93 #C993FE
analogous
#FEFE93 #C8FE93 #93FE93
triadic
#C8FE93 #93C8FE #FE93C8
tetradic
#C8FE93 #93FEFE #C993FE #FE9393
square
#C8FE93 #93FEFE #C993FE #FE9393
split-complementary
#C8FE93 #9393FE #FE93FE
monochromatic
#8AFD1A #A9FD56 #C8FE93 #E7FFD0 #F0FFE1
إمكانية الوصول والتباين
On white
1.16
#C8FE93 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
18.05
#C8FE93 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C8FE93
18.05:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C8FE93 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C8FE93 | 1.00 | 1.16 | 18.05 | 18.05 |
| #FFFFFF | 1.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 18.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 18.05 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#FFF08B
Deuteranopia (green-blind)
#FFEC99
Tritanopia (blue-blind)
#CBF6E4
Achromatopsia (no color)
#EEEEEE
وسوم التصميم والكود
CSS
--color: #c8fe93; /* rgb */ color: rgb(200, 254, 147); /* oklch */ color: oklch(93.6% 0.147 130.6);
Tailwind
colors: {
custom: {
50: '#daffb4',
500: '#c8fe93',
950: '#000000',
},
}SCSS
$custom: #c8fe93; $custom-light: #daffb4; $custom-dark: #000000;
JSON
{
"hex": "#c8fe93",
"rgb": {
"r": 200,
"g": 254,
"b": 147
},
"hsl": {
"h": 90.28,
"s": 98.165,
"l": 78.627
},
"oklch": {
"l": 0.93619,
"c": 0.14662,
"h": 130.6
},
"luminance": 0.8527
}Semantic roles & 50–950 ramp
primary
#C8FE93
secondary
#9B56E0
accent
#00E674
background
#FEFFFD
surface
#FCFFF8
border
#D5D7D1
text
#151811
muted
#848681