#62A5CE#62A5CE

#62A5CE لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.340؛ OKLCH L 69.3% C 0.091 H 237.0°. أفضل لون لنص المتن هو #000000 بتباين 7.79:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#62A5CE
RGBrgb(98, 165, 206)
HSLhsl(203, 52%, 60%)
HSVhsv(203, 52%, 81%)
CMYKcmyk(52.4%, 19.9%, 0%, 19.2%)
CIE-LABlab(64.93, -9.82, -27.45)
CIE-LCHlch(64.93, 29.15, 250.31°)
OKLaboklab(69.35% -0.0497 -0.0765)
OKLCHoklch(69.35% 0.091 237)
XYZxyz(29.6286, 33.9607, 63.3743)
Luminance0.3396 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#62A5CE #CE8B62
analogous
#62CEC1 #62A5CE #626FCE
triadic
#62A5CE #CE62A5 #A5CE62
tetradic
#62A5CE #C162CE #CE8B62 #6FCE62
square
#62A5CE #C162CE #CE8B62 #6FCE62
split-complementary
#62A5CE #CE626F #CEC162
monochromatic
#2B668A #3A89B9 #62A5CE #91C0DD #BFDAEB

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

On white

2.69
#62A5CE on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.79
#62A5CE on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #62A5CE
7.79:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##62A5CE#FFFFFF#000000##000000
##62A5CE1.002.697.797.79
#FFFFFF2.691.0021.0021.00
#0000007.7921.001.001.00
##0000007.7921.001.001.00

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

Protanopia (red-blind)
#92A4D0
Deuteranopia (green-blind)
#8399CD
Tritanopia (blue-blind)
#20B0B3
Achromatopsia (no color)
#9E9E9E

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

CSS
--color: #62a5ce;
/* rgb */ color: rgb(98, 165, 206);
/* oklch */ color: oklch(69.3% 0.091 237.0);
Tailwind
colors: {
  custom: {
    50: '#96bfdd',
    500: '#62a5ce',
    950: '#000000',
  },
}
SCSS
$custom: #62a5ce;
$custom-light: #96bfdd;
$custom-dark: #000000;
JSON
{
  "hex": "#62a5ce",
  "rgb": {
    "r": 98,
    "g": 165,
    "b": 206
  },
  "hsl": {
    "h": 202.778,
    "s": 52.427,
    "l": 59.608
  },
  "oklch": {
    "l": 0.69345,
    "c": 0.09121,
    "h": 237
  },
  "luminance": 0.33963
}

Semantic roles & 50–950 ramp

primary
#62A5CE
secondary
#DBC1B1
accent
#834CDC
background
#F9FBFD
surface
#F2F7FB
border
#CCD0D4
text
#0E1215
muted
#7E8183

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

معاينة مع #62A5CE

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

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

#62A5CE — Tintiva