#63FAC1#63FAC1
#63FAC1 لون فاتح جداً وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.749؛ OKLCH L 88.9% C 0.153 H 164.9°. أفضل لون لنص المتن هو #000000 بتباين 15.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #63FAC1 |
|---|---|
| RGB | rgb(99, 250, 193) |
| HSL | hsl(157, 94%, 68%) |
| HSV | hsv(157, 60%, 98%) |
| CMYK | cmyk(60.4%, 0%, 22.8%, 2%) |
| CIE-LAB | lab(89.33, -53.23, 15.56) |
| CIE-LCH | lch(89.33, 55.46, 163.71°) |
| OKLab | oklab(88.92% -0.1472 0.0398) |
| OKLCH | oklch(88.92% 0.153 164.9) |
| XYZ | xyz(48.9519, 74.8691, 62.3131) |
| Luminance | 0.7487 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Light Aquamarine
#7BFDC7
ΔE00 1.85
Light Greenish Blue
#63F7B4
ΔE00 2.39
Greenish Cyan
#2AFEB7
ΔE00 3.28
Bright Teal
#01F9C6
ΔE00 3.72
Aquamarine
#7FFFD4
ΔE00 3.75
Greenish Turquoise
#00FBB0
ΔE00 4.09
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#63FAC1 #FA639C
analogous
#63FA75 #63FAC1 #63E7FA
triadic
#63FAC1 #C163FA #FAC163
tetradic
#63FAC1 #7563FA #FA639C #E7FA63
square
#63FAC1 #7563FA #FA639C #E7FA63
split-complementary
#63FAC1 #FA63E7 #FA7563
monochromatic
#07DC8B #28F8A9 #63FAC1 #9EFCD9 #DAFEF0
إمكانية الوصول والتباين
On white
1.31
#63FAC1 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.97
#63FAC1 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #63FAC1
15.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##63FAC1 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##63FAC1 | 1.00 | 1.31 | 15.97 | 15.97 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#F5EABE
Deuteranopia (green-blind)
#E0DAC5
Tritanopia (blue-blind)
#00FAEA
Achromatopsia (no color)
#E0E0E0
وسوم التصميم والكود
CSS
--color: #63fac1; /* rgb */ color: rgb(99, 250, 193); /* oklch */ color: oklch(88.9% 0.153 164.9);
Tailwind
colors: {
custom: {
50: '#9dfdd3',
500: '#63fac1',
950: '#000000',
},
}SCSS
$custom: #63fac1; $custom-light: #9dfdd3; $custom-dark: #000000;
JSON
{
"hex": "#63fac1",
"rgb": {
"r": 99,
"g": 250,
"b": 193
},
"hsl": {
"h": 157.351,
"s": 93.789,
"l": 68.431
},
"oklch": {
"l": 0.88923,
"c": 0.15252,
"h": 164.9
},
"luminance": 0.74874
}Semantic roles & 50–950 ramp
primary
#63FAC1
secondary
#D42E6C
accent
#0057E6
background
#FCFFFE
surface
#F6FFFB
border
#D0D7D4
text
#0F1814
muted
#808683