#4CC2F5#4CC2F5

#4CC2F5 لون فاتح وزاهٍ من عائلة سماوي. الإضاءة النسبية 0.467؛ OKLCH L 76.9% C 0.127 H 230.4°. أفضل لون لنص المتن هو #000000 بتباين 10.34:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#4CC2F5
RGBrgb(76, 194, 245)
HSLhsl(198, 89%, 63%)
HSVhsv(198, 69%, 96%)
CMYKcmyk(69%, 20.8%, 0%, 3.9%)
CIE-LABlab(74.00, -17.20, -34.81)
CIE-LCHlch(74.00, 38.83, 243.71°)
OKLaboklab(76.85% -0.0809 -0.0977)
OKLCHoklch(76.85% 0.127 230.4)
XYZxyz(38.7471, 46.7083, 93.3420)
Luminance0.4671 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#4CC2F5 #F57F4C
analogous
#4CF5D4 #4CC2F5 #4C6DF5
triadic
#4CC2F5 #F54CC2 #C2F54C
tetradic
#4CC2F5 #D44CF5 #F57F4C #6DF54C
square
#4CC2F5 #D44CF5 #F57F4C #6DF54C
split-complementary
#4CC2F5 #F54C6D #F5D44C
monochromatic
#0B86BC #12AEF2 #4CC2F5 #86D6F8 #C0EAFB

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

On white

2.03
#4CC2F5 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

10.34
#4CC2F5 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #4CC2F5
10.34:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##4CC2F5#FFFFFF#000000##000000
##4CC2F51.002.0310.3410.34
#FFFFFF2.031.0021.0021.00
#00000010.3421.001.001.00
##00000010.3421.001.001.00

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

Protanopia (red-blind)
#A8BFF7
Deuteranopia (green-blind)
#91AFF4
Tritanopia (blue-blind)
#00D0D3
Achromatopsia (no color)
#B6B6B6

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

CSS
--color: #4cc2f5;
/* rgb */ color: rgb(76, 194, 245);
/* oklch */ color: oklch(76.9% 0.127 230.4);
Tailwind
colors: {
  custom: {
    50: '#91d4f8',
    500: '#4cc2f5',
    950: '#000000',
  },
}
SCSS
$custom: #4cc2f5;
$custom-light: #91d4f8;
$custom-dark: #000000;
JSON
{
  "hex": "#4cc2f5",
  "rgb": {
    "r": 76,
    "g": 194,
    "b": 245
  },
  "hsl": {
    "h": 198.107,
    "s": 89.418,
    "l": 62.941
  },
  "oklch": {
    "l": 0.76852,
    "c": 0.12682,
    "h": 230.4
  },
  "luminance": 0.46713
}

Semantic roles & 50–950 ramp

primary
#4CC2F5
secondary
#EDC2B0
accent
#4500E6
background
#F9FDFF
surface
#F2FAFF
border
#CCD3D7
text
#0E1417
muted
#7E8385

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

معاينة مع #4CC2F5

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

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

#4CC2F5 — Tintiva