#3CC4CD#3CC4CD

#3CC4CD لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.448؛ OKLCH L 75.3% C 0.114 H 201.6°. أفضل لون لنص المتن هو #000000 بتباين 9.97:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#3CC4CD
RGBrgb(60, 196, 205)
HSLhsl(184, 59%, 52%)
HSVhsv(184, 71%, 80%)
CMYKcmyk(70.7%, 4.4%, 0%, 19.6%)
CIE-LABlab(72.79, -32.65, -15.04)
CIE-LCHlch(72.79, 35.95, 204.73°)
OKLaboklab(75.3% -0.1057 -0.0418)
OKLCHoklch(75.3% 0.114 201.6)
XYZxyz(32.6180, 44.8445, 64.6825)
Luminance0.4485 (WCAG relative)
Temperaturecool
Familyteal

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

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
##3CC4CD1.002.119.979.97
#FFFFFF2.111.0021.0021.00
#0000009.9721.001.001.00
##0000009.9721.001.001.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

مختبر المعاينة

معاينة مع #3CC4CD

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#3CC4CD — Tintiva