#6FA2C4#6FA2C4

#6FA2C4 لون فاتح ومتوسط التشبّع من عائلة سماوي. الإضاءة النسبية 0.332؛ OKLCH L 68.9% C 0.074 H 238.4°. أفضل لون لنص المتن هو #000000 بتباين 7.64:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#6FA2C4
RGBrgb(111, 162, 196)
HSLhsl(204, 42%, 60%)
HSVhsv(204, 43%, 77%)
CMYKcmyk(43.4%, 17.3%, 0%, 23.1%)
CIE-LABlab(64.33, -7.94, -22.76)
CIE-LCHlch(64.33, 24.11, 250.76°)
OKLaboklab(68.91% -0.0387 -0.063)
OKLCHoklch(68.91% 0.074 238.4)
XYZxyz(29.4363, 33.2037, 57.0717)
Luminance0.3321 (WCAG relative)
Temperaturecool
Familycyan

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#6FA2C4 #C4916F
analogous
#6FC4BB #6FA2C4 #6F77C4
triadic
#6FA2C4 #C46FA2 #A2C46F
tetradic
#6FA2C4 #BB6FC4 #C4916F #77C46F
square
#6FA2C4 #BB6FC4 #C4916F #77C46F
split-complementary
#6FA2C4 #C46F77 #C4BB6F
monochromatic
#366483 #4785AE #6FA2C4 #9ABED6 #C6DAE8

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

On white

2.75
#6FA2C4 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.64
#6FA2C4 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #6FA2C4
7.64:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg##6FA2C4#FFFFFF#000000##000000
##6FA2C41.002.757.647.64
#FFFFFF2.751.0021.0021.00
#0000007.6421.001.001.00
##0000007.6421.001.001.00

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

Protanopia (red-blind)
#93A1C6
Deuteranopia (green-blind)
#8798C3
Tritanopia (blue-blind)
#4CABAD
Achromatopsia (no color)
#9C9C9C

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

CSS
--color: #6fa2c4;
/* rgb */ color: rgb(111, 162, 196);
/* oklch */ color: oklch(68.9% 0.074 238.4);
Tailwind
colors: {
  custom: {
    50: '#9cbdd6',
    500: '#6fa2c4',
    950: '#000000',
  },
}
SCSS
$custom: #6fa2c4;
$custom-light: #9cbdd6;
$custom-dark: #000000;
JSON
{
  "hex": "#6fa2c4",
  "rgb": {
    "r": 111,
    "g": 162,
    "b": 196
  },
  "hsl": {
    "h": 204,
    "s": 41.872,
    "l": 60.196
  },
  "oklch": {
    "l": 0.6891,
    "c": 0.07395,
    "h": 238.4
  },
  "luminance": 0.33206
}

Semantic roles & 50–950 ramp

primary
#6FA2C4
secondary
#D8C4B7
accent
#6631B5
background
#F9FBFD
surface
#F2F6FA
border
#CCD0D3
text
#0E1214
muted
#7E8183

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

معاينة مع #6FA2C4

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

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

#6FA2C4 — Tintiva