#3E7ACA#3E7ACA

#3E7ACA is a mid, vivid cyan. Relative luminance 0.192; OKLCH L 57.9% C 0.139 H 256.4°. Best body text is #000000 at 4.84:1 contrast (WCAG AA passes).

Color values

HEX#3E7ACA
RGBrgb(62, 122, 202)
HSLhsl(214, 57%, 52%)
HSVhsv(214, 69%, 79%)
CMYKcmyk(69.3%, 39.6%, 0%, 20.8%)
CIE-LABlab(50.93, 6.94, -47.24)
CIE-LCHlch(50.93, 47.74, 278.35°)
OKLaboklab(57.87% -0.0325 -0.1346)
OKLCHoklch(57.87% 0.139 256.4)
XYZxyz(19.6029, 19.2054, 58.5396)
Luminance0.1921 (WCAG relative)
Temperaturecool
Familycyan

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#3E7ACA #CA8E3E
analogous
#3EC0CA #3E7ACA #483ECA
triadic
#3E7ACA #CA3E7A #7ACA3E
tetradic
#3E7ACA #CA3EC0 #CA8E3E #3ECA48
square
#3E7ACA #CA3EC0 #CA8E3E #3ECA48
split-complementary
#3E7ACA #CA483E #C0CA3E
monochromatic
#1F416F #2C5D9F #3E7ACA #6E9BD7 #9EBCE4

Accessibility & contrast

On white

4.34
#3E7ACA on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

4.84
#3E7ACA on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #3E7ACA
4.84:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##3E7ACA#FFFFFF#000000##000000
##3E7ACA1.004.344.844.84
#FFFFFF4.341.0021.0021.00
#0000004.8421.001.001.00
##0000004.8421.001.001.00

Color blindness preview

Protanopia (red-blind)
#5580CD
Deuteranopia (green-blind)
#4073C8
Tritanopia (blue-blind)
#008D98
Achromatopsia (no color)
#797979

Design tokens & code

CSS
--color: #3e7aca;
/* rgb */ color: rgb(62, 122, 202);
/* oklch */ color: oklch(57.9% 0.139 256.4);
Tailwind
colors: {
  custom: {
    50: '#83a0da',
    500: '#3e7aca',
    950: '#000000',
  },
}
SCSS
$custom: #3e7aca;
$custom-light: #83a0da;
$custom-dark: #000000;
JSON
{
  "hex": "#3e7aca",
  "rgb": {
    "r": 62,
    "g": 122,
    "b": 202
  },
  "hsl": {
    "h": 214.286,
    "s": 56.911,
    "l": 51.765
  },
  "oklch": {
    "l": 0.57867,
    "c": 0.1385,
    "h": 256.4
  },
  "luminance": 0.19207
}

Semantic roles & 50–950 ramp

primary
#3E7ACA
secondary
#D1B693
accent
#9F48E0
background
#F8F9FD
surface
#F0F2FB
border
#CBCCD4
text
#0C0E15
muted
#7D7E83

Preview Lab

Preview with #3E7ACA

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

Preview Lab → · Contrast checker → · Palette generator →

#3E7ACA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva