#2DAFC2#2DAFC2

#2DAFC2 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.351؛ OKLCH L 69.5% C 0.110 H 209.7°. أفضل لون لنص المتن هو #000000 بتباين 8.02:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#2DAFC2
RGBrgb(45, 175, 194)
HSLhsl(188, 62%, 47%)
HSVhsv(188, 77%, 76%)
CMYKcmyk(76.8%, 9.8%, 0%, 23.9%)
CIE-LABlab(65.83, -27.55, -19.55)
CIE-LCHlch(65.83, 33.79, 215.36°)
OKLaboklab(69.47% -0.0955 -0.0544)
OKLCHoklch(69.47% 0.11 209.7)
XYZxyz(26.1455, 35.1097, 56.4273)
Luminance0.3511 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#2DAFC2 #C2402D
analogous
#2DC28B #2DAFC2 #2D65C2
triadic
#2DAFC2 #C22DAF #AFC22D
tetradic
#2DAFC2 #8B2DC2 #C2402D #65C22D
square
#2DAFC2 #8B2DC2 #C2402D #65C22D
split-complementary
#2DAFC2 #C22D65 #C28B2D
monochromatic
#16555F #218290 #2DAFC2 #55C7D7 #86D7E3

إمكانية الوصول والتباين

On white

2.62
#2DAFC2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.02
#2DAFC2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #2DAFC2
8.02:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##2DAFC2#FFFFFF#000000##000000
##2DAFC21.002.628.028.02
#FFFFFF2.621.0021.0021.00
#0000008.0221.001.001.00
##0000008.0221.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#9FA8C3
Deuteranopia (green-blind)
#8A9AC2
Tritanopia (blue-blind)
#00B8B5
Achromatopsia (no color)
#A0A0A0

وسوم التصميم والكود

CSS
--color: #2dafc2;
/* rgb */ color: rgb(45, 175, 194);
/* oklch */ color: oklch(69.5% 0.110 209.7);
Tailwind
colors: {
  custom: {
    50: '#7ec7d4',
    500: '#2dafc2',
    950: '#000000',
  },
}
SCSS
$custom: #2dafc2;
$custom-light: #7ec7d4;
$custom-dark: #000000;
JSON
{
  "hex": "#2dafc2",
  "rgb": {
    "r": 45,
    "g": 175,
    "b": 194
  },
  "hsl": {
    "h": 187.651,
    "s": 62.343,
    "l": 46.863
  },
  "oklch": {
    "l": 0.69472,
    "c": 0.10991,
    "h": 209.7
  },
  "luminance": 0.35113
}

Semantic roles & 50–950 ramp

primary
#2DAFC2
secondary
#CD887E
accent
#5742E5
background
#F8FCFD
surface
#F0F8FA
border
#CBD1D3
text
#0C1314
muted
#7D8283

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

معاينة مع #2DAFC2

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

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

#2DAFC2 — Tintiva