#679CC3#679CC3

#679CC3 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.306؛ OKLCH L 67.1% C 0.081 H 241.4°. أفضل لون لنص المتن هو #000000 بتباين 7.12:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#679CC3
RGBrgb(103, 156, 195)
HSLhsl(205, 43%, 58%)
HSVhsv(205, 47%, 76%)
CMYKcmyk(47.2%, 20%, 0%, 23.5%)
CIE-LABlab(62.17, -6.92, -25.55)
CIE-LCHlch(62.17, 26.47, 254.86°)
OKLaboklab(67.08% -0.0388 -0.071)
OKLCHoklch(67.08% 0.081 241.4)
XYZxyz(27.3289, 30.5987, 56.0852)
Luminance0.3060 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#679CC3 #C38E67
analogous
#67C3BC #679CC3 #676EC3
triadic
#679CC3 #C3679C #9CC367
tetradic
#679CC3 #BC67C3 #C38E67 #6EC367
square
#679CC3 #BC67C3 #C38E67 #6EC367
split-complementary
#679CC3 #C3676E #C3BC67
monochromatic
#325E7E #437EAA #679CC3 #93B9D4 #BFD5E6

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

On white

2.95
#679CC3 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.12
#679CC3 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #679CC3
7.12:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##679CC3#FFFFFF#000000##000000
##679CC31.002.957.127.12
#FFFFFF2.951.0021.0021.00
#0000007.1221.001.001.00
##0000007.1221.001.001.00

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

Protanopia (red-blind)
#8B9CC5
Deuteranopia (green-blind)
#7F92C2
Tritanopia (blue-blind)
#3DA6A9
Achromatopsia (no color)
#969696

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

CSS
--color: #679cc3;
/* rgb */ color: rgb(103, 156, 195);
/* oklch */ color: oklch(67.1% 0.081 241.4);
Tailwind
colors: {
  custom: {
    50: '#97b9d5',
    500: '#679cc3',
    950: '#000000',
  },
}
SCSS
$custom: #679cc3;
$custom-light: #97b9d5;
$custom-dark: #000000;
JSON
{
  "hex": "#679cc3",
  "rgb": {
    "r": 103,
    "g": 156,
    "b": 195
  },
  "hsl": {
    "h": 205.435,
    "s": 43.396,
    "l": 58.431
  },
  "oklch": {
    "l": 0.67081,
    "c": 0.0809,
    "h": 241.4
  },
  "luminance": 0.30601
}

Semantic roles & 50–950 ramp

primary
#679CC3
secondary
#D5C0B1
accent
#8A55D3
background
#F9FBFD
surface
#F2F6FA
border
#CCD0D3
text
#0E1114
muted
#7E8083

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

معاينة مع #679CC3

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

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

#679CC3 — Tintiva