#25D4CD#25D4CD
#25D4CD لون فاتح وزاهٍ من عائلة أزرق مخضرّ. الإضاءة النسبية 0.519؛ OKLCH L 78.8% C 0.130 H 190.5°. أفضل لون لنص المتن هو #000000 بتباين 11.38:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #25D4CD |
|---|---|
| RGB | rgb(37, 212, 205) |
| HSL | hsl(178, 70%, 49%) |
| HSV | hsv(178, 83%, 83%) |
| CMYK | cmyk(82.5%, 0%, 3.3%, 16.9%) |
| CIE-LAB | lab(77.21, -42.30, -8.47) |
| CIE-LCH | lch(77.21, 43.14, 191.32°) |
| OKLab | oklab(78.79% -0.1282 -0.0237) |
| OKLCH | oklch(78.79% 0.13 190.5) |
| XYZ | xyz(35.3206, 51.8835, 65.8987) |
| Luminance | 0.5189 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Mediumturquoise
#48D1CC
ΔE00 1.83
Darkturquoise
#00CED1
ΔE00 3.65
Turquoise
#40E0D0
ΔE00 4.05
Topaz
#13BBAF
ΔE00 6.79
Turquoise (survey)
#06C2AC
ΔE00 7.13
Tealish
#24BCA8
ΔE00 7.88
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#25D4CD #D4252C
analogous
#25D476 #25D4CD #2584D4
triadic
#25D4CD #CD25D4 #D4CD25
tetradic
#25D4CD #7625D4 #D4252C #84D425
square
#25D4CD #7625D4 #D4252C #84D425
split-complementary
#25D4CD #D42584 #D47625
monochromatic
#136C68 #1CA09B #25D4CD #55E1DC #89EAE7
إمكانية الوصول والتباين
On white
1.85
#25D4CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.38
#25D4CD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #25D4CD
11.38:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##25D4CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##25D4CD | 1.00 | 1.85 | 11.38 | 11.38 |
| #FFFFFF | 1.85 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.38 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.38 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C7C8CD
Deuteranopia (green-blind)
#B0B8CE
Tritanopia (blue-blind)
#00DAD1
Achromatopsia (no color)
#BFBFBF
وسوم التصميم والكود
CSS
--color: #25d4cd; /* rgb */ color: rgb(37, 212, 205); /* oklch */ color: oklch(78.8% 0.130 190.5);
Tailwind
colors: {
custom: {
50: '#82e2dc',
500: '#25d4cd',
950: '#000000',
},
}SCSS
$custom: #25d4cd; $custom-light: #82e2dc; $custom-dark: #000000;
JSON
{
"hex": "#25d4cd",
"rgb": {
"r": 37,
"g": 212,
"b": 205
},
"hsl": {
"h": 177.6,
"s": 70.281,
"l": 48.824
},
"oklch": {
"l": 0.78788,
"c": 0.13038,
"h": 190.5
},
"luminance": 0.51888
}Semantic roles & 50–950 ramp
primary
#25D4CD
secondary
#75282B
accent
#3B42ED
background
#FCFEFE
surface
#F4FCFB
border
#CED5D4
text
#0D1515
muted
#7F8484