#669BC6#669BC6

#669BC6 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.303؛ OKLCH L 66.9% C 0.085 H 244.0°. أفضل لون لنص المتن هو #000000 بتباين 7.07:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#669BC6
RGBrgb(102, 155, 198)
HSLhsl(207, 46%, 59%)
HSVhsv(207, 48%, 78%)
CMYKcmyk(48.5%, 21.7%, 0%, 22.4%)
CIE-LABlab(61.95, -5.73, -27.57)
CIE-LCHlch(61.95, 28.16, 258.27°)
OKLaboklab(66.93% -0.0374 -0.0768)
OKLCHoklch(66.93% 0.085 244)
XYZxyz(27.3903, 30.3427, 57.8285)
Luminance0.3034 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#669BC6 #C69166
analogous
#66C6C1 #669BC6 #666BC6
triadic
#669BC6 #C6669B #9BC666
tetradic
#669BC6 #C166C6 #C69166 #6BC666
square
#669BC6 #C166C6 #C69166 #6BC666
split-complementary
#669BC6 #C6666B #C6C166
monochromatic
#305D81 #417DAE #669BC6 #93B8D7 #BFD5E7

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

On white

2.97
#669BC6 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.07
#669BC6 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #669BC6
7.07:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##669BC6#FFFFFF#000000##000000
##669BC61.002.977.077.07
#FFFFFF2.971.0021.0021.00
#0000007.0721.001.001.00
##0000007.0721.001.001.00

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

Protanopia (red-blind)
#899BC8
Deuteranopia (green-blind)
#7C91C5
Tritanopia (blue-blind)
#39A5A9
Achromatopsia (no color)
#969696

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

CSS
--color: #669bc6;
/* rgb */ color: rgb(102, 155, 198);
/* oklch */ color: oklch(66.9% 0.085 244.0);
Tailwind
colors: {
  custom: {
    50: '#97b8d7',
    500: '#669bc6',
    950: '#000000',
  },
}
SCSS
$custom: #669bc6;
$custom-light: #97b8d7;
$custom-dark: #000000;
JSON
{
  "hex": "#669bc6",
  "rgb": {
    "r": 102,
    "g": 155,
    "b": 198
  },
  "hsl": {
    "h": 206.875,
    "s": 45.714,
    "l": 58.824
  },
  "oklch": {
    "l": 0.66933,
    "c": 0.08541,
    "h": 244
  },
  "luminance": 0.30345
}

Semantic roles & 50–950 ramp

primary
#669BC6
secondary
#D7C2B1
accent
#8D52D5
background
#F9FBFD
surface
#F2F6FA
border
#CCD0D3
text
#0E1114
muted
#7E8083

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

معاينة مع #669BC6

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

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

#669BC6 — Tintiva