#6783CE#6783CE

#6783CE is a light, moderate blue. Relative luminance 0.236; OKLCH L 62.1% C 0.118 H 267.4°. Best body text is #000000 at 5.71:1 contrast (WCAG AA passes).

Color values

HEX	#6783CE
RGB	rgb(103, 131, 206)
HSL	hsl(224, 51%, 61%)
HSV	hsv(224, 50%, 81%)
CMYK	cmyk(50%, 36.4%, 0%, 19.2%)
CIE-LAB	lab(55.66, 10.84, -41.89)
CIE-LCH	lch(55.66, 43.27, 284.51°)
OKLab	oklab(62.15% -0.0053 -0.1182)
OKLCH	oklch(62.15% 0.118 267.4)
XYZ	xyz(24.8468, 23.5708, 61.6209)
Luminance	0.2357 (WCAG relative)
Temperature	cool
Family	blue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#6783CE #CEB267

analogous

#67B7CE #6783CE #7E67CE

triadic

#6783CE #CE6783 #83CE67

tetradic

#6783CE #CE67B7 #CEB267 #67CE7E

square

#6783CE #CE67B7 #CEB267 #67CE7E

split-complementary

#6783CE #CE7E67 #B7CE67

monochromatic

#2D478D #3C5FBB #6783CE #95A9DD #C4CFEC

Accessibility & contrast

On white

3.67

#6783CE on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.71

#6783CE on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #6783CE

5.71:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##6783CE	#FFFFFF	#000000	##000000
##6783CE	1.00	3.67	5.71	5.71
#FFFFFF	3.67	1.00	21.00	21.00
#000000	5.71	21.00	1.00	1.00
##000000	5.71	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#668AD1

Deuteranopia (green-blind)

#5B81CC

Tritanopia (blue-blind)

#3A939F

Achromatopsia (no color)

#858585

Design tokens & code

CSS

--color: #6783ce;
/* rgb */ color: rgb(103, 131, 206);
/* oklch */ color: oklch(62.1% 0.118 267.4);

Tailwind

colors: {
  custom: {
    50: '#98a6dd',
    500: '#6783ce',
    950: '#000000',
  },
}

SCSS

$custom: #6783ce;
$custom-light: #98a6dd;
$custom-dark: #000000;

JSON

{
  "hex": "#6783ce",
  "rgb": {
    "r": 103,
    "g": 131,
    "b": 206
  },
  "hsl": {
    "h": 223.689,
    "s": 51.244,
    "l": 60.588
  },
  "oklch": {
    "l": 0.62145,
    "c": 0.11833,
    "h": 267.4
  },
  "luminance": 0.23572
}

Semantic roles & 50–950 ramp

primary

#6783CE

secondary

#DCD1B5

accent

#9527BF

background

#F9FAFD

surface

#F2F4FB

border

#CCCED4

text

#0E0F15

muted

#7E7F83

Preview Lab

Preview with #6783CE

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

Preview Lab → · Contrast checker → · Palette generator →