#3CC4CD#3CC4CD
#3CC4CD لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.448؛ OKLCH L 75.3% C 0.114 H 201.6°. أفضل لون لنص المتن هو #000000 بتباين 9.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #3CC4CD |
|---|---|
| RGB | rgb(60, 196, 205) |
| HSL | hsl(184, 59%, 52%) |
| HSV | hsv(184, 71%, 80%) |
| CMYK | cmyk(70.7%, 4.4%, 0%, 19.6%) |
| CIE-LAB | lab(72.79, -32.65, -15.04) |
| CIE-LCH | lch(72.79, 35.95, 204.73°) |
| OKLab | oklab(75.3% -0.1057 -0.0418) |
| OKLCH | oklch(75.3% 0.114 201.6) |
| XYZ | xyz(32.6180, 44.8445, 64.6825) |
| Luminance | 0.4485 (WCAG relative) |
| Temperature | cool |
| Family | teal |
أقرب الألوان المُسمّاة
Darkturquoise
#00CED1
ΔE00 3.90
Aqua Blue
#02D8E9
ΔE00 5.42
Mediumturquoise
#48D1CC
ΔE00 5.90
Turquoise Blue
#06B1C4
ΔE00 6.25
Lightseagreen
#20B2AA
ΔE00 8.36
Topaz
#13BBAF
ΔE00 8.49
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#3CC4CD #CD453C
analogous
#3CCD8E #3CC4CD #3C7CCD
triadic
#3CC4CD #CD3CC4 #C4CD3C
tetradic
#3CC4CD #8E3CCD #CD453C #7CCD3C
square
#3CC4CD #8E3CCD #CD453C #7CCD3C
split-complementary
#3CC4CD #CD3C7C #CD8E3C
monochromatic
#1D6C71 #2A9BA2 #3CC4CD #6DD3D9 #9DE1E6
إمكانية الوصول والتباين
On white
2.11
#3CC4CD on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.97
#3CC4CD on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #3CC4CD
9.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##3CC4CD | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##3CC4CD | 1.00 | 2.11 | 9.97 | 9.97 |
| #FFFFFF | 2.11 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B5BBCE
Deuteranopia (green-blind)
#A0ACCE
Tritanopia (blue-blind)
#00CBC6
Achromatopsia (no color)
#B3B3B3
وسوم التصميم والكود
CSS
--color: #3cc4cd; /* rgb */ color: rgb(60, 196, 205); /* oklch */ color: oklch(75.3% 0.114 201.6);
Tailwind
colors: {
custom: {
50: '#87d6dc',
500: '#3cc4cd',
950: '#000000',
},
}SCSS
$custom: #3cc4cd; $custom-light: #87d6dc; $custom-dark: #000000;
JSON
{
"hex": "#3cc4cd",
"rgb": {
"r": 60,
"g": 196,
"b": 205
},
"hsl": {
"h": 183.724,
"s": 59.184,
"l": 51.961
},
"oklch": {
"l": 0.75299,
"c": 0.11363,
"h": 201.6
},
"luminance": 0.44848
}Semantic roles & 50–950 ramp
primary
#3CC4CD
secondary
#D29793
accent
#4F45E2
background
#F9FDFD
surface
#F1FAFB
border
#CBD3D4
text
#0D1415
muted
#7E8383