#346DC8#346DC8

#346DC8 is a mid, vivid blue. Relative luminance 0.158; OKLCH L 54.5% C 0.154 H 259.4°. Best body text is #FFFFFF at 5.04:1 contrast (WCAG AA passes).

Color values

HEX#346DC8
RGBrgb(52, 109, 200)
HSLhsl(217, 59%, 49%)
HSVhsv(217, 74%, 78%)
CMYKcmyk(74%, 45.5%, 0%, 21.6%)
CIE-LABlab(46.76, 12.89, -52.77)
CIE-LCHlch(46.76, 54.33, 283.72°)
OKLaboklab(54.5% -0.0282 -0.1513)
OKLCHoklch(54.5% 0.154 259.4)
XYZxyz(17.3064, 15.8355, 56.7769)
Luminance0.1584 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#346DC8 #C88F34
analogous
#34B7C8 #346DC8 #4534C8
triadic
#346DC8 #C8346D #6DC834
tetradic
#346DC8 #C834B7 #C88F34 #34C845
square
#346DC8 #C834B7 #C88F34 #34C845
split-complementary
#346DC8 #C84534 #B7C834
monochromatic
#1B3867 #275397 #346DC8 #638FD6 #93B2E3

Accessibility & contrast

On white

5.04
#346DC8 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.17
#346DC8 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #346DC8
5.04:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##346DC8#FFFFFF#000000##FFFFFF
##346DC81.005.044.175.04
#FFFFFF5.041.0021.001.00
#0000004.1721.001.0021.00
##FFFFFF5.041.0021.001.00

Color blindness preview

Protanopia (red-blind)
#3E76CB
Deuteranopia (green-blind)
#1D69C6
Tritanopia (blue-blind)
#008291
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #346dc8;
/* rgb */ color: rgb(52, 109, 200);
/* oklch */ color: oklch(54.5% 0.154 259.4);
Tailwind
colors: {
  custom: {
    50: '#7f96d9',
    500: '#346dc8',
    950: '#000000',
  },
}
SCSS
$custom: #346dc8;
$custom-light: #7f96d9;
$custom-dark: #000000;
JSON
{
  "hex": "#346dc8",
  "rgb": {
    "r": 52,
    "g": 109,
    "b": 200
  },
  "hsl": {
    "h": 216.892,
    "s": 58.73,
    "l": 49.412
  },
  "oklch": {
    "l": 0.545,
    "c": 0.15387,
    "h": 259.4
  },
  "luminance": 0.15837
}

Semantic roles & 50–950 ramp

primary
#346DC8
secondary
#CEB48A
accent
#A646E2
background
#F8F9FD
surface
#F0F1FA
border
#CBCBD3
text
#0B0D15
muted
#7C7E83

Preview Lab

Preview with #346DC8

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

Preview Lab → · Contrast checker → · Palette generator →

#346DC8 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva