#62A4BB#62A4BB

#62A4BB لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.327؛ OKLCH L 68.3% C 0.075 H 222.4°. أفضل لون لنص المتن هو #000000 بتباين 7.55:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#62A4BB
RGBrgb(98, 164, 187)
HSLhsl(196, 40%, 56%)
HSVhsv(196, 48%, 73%)
CMYKcmyk(47.6%, 12.3%, 0%, 26.7%)
CIE-LABlab(63.94, -14.78, -18.38)
CIE-LCHlch(63.94, 23.58, 231.20°)
OKLaboklab(68.33% -0.0556 -0.0508)
OKLCHoklch(68.33% 0.075 222.4)
XYZxyz(27.2788, 32.7333, 51.8847)
Luminance0.3273 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#62A4BB #BB7962
analogous
#62BBA6 #62A4BB #6277BB
triadic
#62A4BB #BB62A4 #A4BB62
tetradic
#62A4BB #A662BB #BB7962 #77BB62
square
#62A4BB #A662BB #BB7962 #77BB62
split-complementary
#62A4BB #BB6277 #BBA662
monochromatic
#316171 #44859C #62A4BB #8DBDCD #B7D6E0

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

On white

2.78
#62A4BB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.55
#62A4BB on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##62A4BB#FFFFFF#000000##000000
##62A4BB1.002.787.557.55
#FFFFFF2.781.0021.0021.00
#0000007.5521.001.001.00
##0000007.5521.001.001.00

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

Protanopia (red-blind)
#97A1BC
Deuteranopia (green-blind)
#8997BB
Tritanopia (blue-blind)
#35ABAB
Achromatopsia (no color)
#9B9B9B

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

CSS
--color: #62a4bb;
/* rgb */ color: rgb(98, 164, 187);
/* oklch */ color: oklch(68.3% 0.075 222.4);
Tailwind
colors: {
  custom: {
    50: '#94bfcf',
    500: '#62a4bb',
    950: '#000000',
  },
}
SCSS
$custom: #62a4bb;
$custom-light: #94bfcf;
$custom-dark: #000000;
JSON
{
  "hex": "#62a4bb",
  "rgb": {
    "r": 98,
    "g": 164,
    "b": 187
  },
  "hsl": {
    "h": 195.506,
    "s": 39.556,
    "l": 55.882
  },
  "oklch": {
    "l": 0.68329,
    "c": 0.07528,
    "h": 222.4
  },
  "luminance": 0.32735
}

Semantic roles & 50–950 ramp

primary
#62A4BB
secondary
#CFB3AA
accent
#7758CF
background
#F9FBFC
surface
#F2F7F9
border
#CCD0D2
text
#0E1213
muted
#7E8182

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

معاينة مع #62A4BB

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

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

#62A4BB — Tintiva