#463FDC#463FDC

#463FDC is a mid, highly saturated blue. Relative luminance 0.100; OKLCH L 48.6% C 0.228 H 275.7°. Best body text is #FFFFFF at 6.99:1 contrast (WCAG AA passes).

Color values

HEX#463FDC
RGBrgb(70, 63, 220)
HSLhsl(243, 69%, 55%)
HSVhsv(243, 71%, 86%)
CMYKcmyk(68.2%, 71.4%, 0%, 13.7%)
CIE-LABlab(37.88, 50.65, -78.66)
CIE-LCHlch(37.88, 93.55, 302.78°)
OKLaboklab(48.61% 0.0226 -0.2273)
OKLCHoklch(48.61% 0.228 275.7)
XYZxyz(17.2173, 10.0228, 68.7235)
Luminance0.1002 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#463FDC #D5DC3F
analogous
#3F86DC #463FDC #943FDC
triadic
#463FDC #DC463F #3FDC46
tetradic
#463FDC #DC3F86 #D5DC3F #3FDC94
square
#463FDC #DC3F86 #D5DC3F #3FDC94
split-complementary
#463FDC #DC943F #86DC3F
monochromatic
#1E1988 #2922BC #463FDC #7873E5 #AAA7EF

Accessibility & contrast

On white

6.99
#463FDC on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.00
#463FDC on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #463FDC
6.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##463FDC#FFFFFF#000000##FFFFFF
##463FDC1.006.993.006.99
#FFFFFF6.991.0021.001.00
#0000003.0021.001.0021.00
##FFFFFF6.991.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0060E1
Deuteranopia (green-blind)
#0052D9
Tritanopia (blue-blind)
#006B8A
Achromatopsia (no color)
#595959

Design tokens & code

CSS
--color: #463fdc;
/* rgb */ color: rgb(70, 63, 220);
/* oklch */ color: oklch(48.6% 0.228 275.7);
Tailwind
colors: {
  custom: {
    50: '#8d76e8',
    500: '#463fdc',
    950: '#000000',
  },
}
SCSS
$custom: #463fdc;
$custom-light: #8d76e8;
$custom-dark: #000000;
JSON
{
  "hex": "#463fdc",
  "rgb": {
    "r": 70,
    "g": 63,
    "b": 220
  },
  "hsl": {
    "h": 242.675,
    "s": 69.163,
    "l": 55.49
  },
  "oklch": {
    "l": 0.4861,
    "c": 0.22844,
    "h": 275.7
  },
  "luminance": 0.10024
}

Semantic roles & 50–950 ramp

primary
#463FDC
secondary
#D9DC9B
accent
#EC3CE4
background
#F9F7FE
surface
#F2EDFD
border
#CCC8D5
text
#0E0816
muted
#7E7B84

Preview Lab

Preview with #463FDC

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

Preview Lab → · Contrast checker → · Palette generator →

#463FDC Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva