#62AAA1#62AAA1

#62AAA1 لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.339؛ OKLCH L 68.8% C 0.074 H 185.4°. أفضل لون لنص المتن هو #000000 بتباين 7.78:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#62AAA1
RGBrgb(98, 170, 161)
HSLhsl(173, 30%, 53%)
HSVhsv(173, 42%, 67%)
CMYKcmyk(42.4%, 0%, 5.3%, 33.3%)
CIE-LABlab(64.90, -24.78, -2.43)
CIE-LCHlch(64.90, 24.90, 185.61°)
OKLaboklab(68.82% -0.0737 -0.0069)
OKLCHoklch(68.82% 0.074 185.4)
XYZxyz(25.8423, 33.9174, 38.8962)
Luminance0.3392 (WCAG relative)
Temperaturecool
Familyteal

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#62AAA1 #AA626B
analogous
#62AA7D #62AAA1 #628FAA
triadic
#62AAA1 #A162AA #AAA162
tetradic
#62AAA1 #7D62AA #AA626B #8FAA62
square
#62AAA1 #7D62AA #AA626B #8FAA62
split-complementary
#62AAA1 #AA628F #AA7D62
monochromatic
#335E59 #49867E #62AAA1 #8ABFB9 #B1D5D1

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

On white

2.70
#62AAA1 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.78
#62AAA1 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##62AAA1#FFFFFF#000000##000000
##62AAA11.002.707.787.78
#FFFFFF2.701.0021.0021.00
#0000007.7821.001.001.00
##0000007.7821.001.001.00

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

Protanopia (red-blind)
#A3A3A1
Deuteranopia (green-blind)
#979AA2
Tritanopia (blue-blind)
#45ADA7
Achromatopsia (no color)
#9D9D9D

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

CSS
--color: #62aaa1;
/* rgb */ color: rgb(98, 170, 161);
/* oklch */ color: oklch(68.8% 0.074 185.4);
Tailwind
colors: {
  custom: {
    50: '#93c3bc',
    500: '#62aaa1',
    950: '#000000',
  },
}
SCSS
$custom: #62aaa1;
$custom-light: #93c3bc;
$custom-dark: #000000;
JSON
{
  "hex": "#62aaa1",
  "rgb": {
    "r": 98,
    "g": 170,
    "b": 161
  },
  "hsl": {
    "h": 172.5,
    "s": 29.752,
    "l": 52.549
  },
  "oklch": {
    "l": 0.68822,
    "c": 0.07399,
    "h": 185.4
  },
  "luminance": 0.33919
}

Semantic roles & 50–950 ramp

primary
#62AAA1
secondary
#C4A4A8
accent
#626EC6
background
#F9FCFB
surface
#F2F8F6
border
#CCD1D0
text
#0D1212
muted
#7E8181

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

معاينة مع #62AAA1

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

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

#62AAA1 — Tintiva