#2F416B#2F416B

#2F416B is a dark, moderate blue. Relative luminance 0.054; OKLCH L 38.1% C 0.076 H 265.4°. Best body text is #FFFFFF at 10.05:1 contrast (WCAG AA passes).

Color values

HEX#2F416B
RGBrgb(47, 65, 107)
HSLhsl(222, 39%, 30%)
HSVhsv(222, 56%, 42%)
CMYKcmyk(56.1%, 39.3%, 0%, 58%)
CIE-LABlab(27.97, 6.36, -26.69)
CIE-LCHlch(27.97, 27.44, 283.41°)
OKLaboklab(38.12% -0.006 -0.0755)
OKLCHoklch(38.12% 0.076 265.4)
XYZxyz(5.7155, 5.4461, 14.6571)
Luminance0.0545 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2F416B #6B592F
analogous
#2F5F6B #2F416B #3B2F6B
triadic
#2F416B #6B2F41 #416B2F
tetradic
#2F416B #6B2F5F #6B592F #2F6B3B
square
#2F416B #6B2F5F #6B592F #2F6B3B
split-complementary
#2F416B #6B3B2F #5F6B2F
monochromatic
#0A0D16 #1C2740 #2F416B #425B96 #5D78B8

Accessibility & contrast

On white

10.05
#2F416B on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.09
#2F416B on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2F416B
10.05:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2F416B#FFFFFF#000000##FFFFFF
##2F416B1.0010.052.0910.05
#FFFFFF10.051.0021.001.00
#0000002.0921.001.0021.00
##FFFFFF10.051.0021.001.00

Color blindness preview

Protanopia (red-blind)
#30456D
Deuteranopia (green-blind)
#293F6A
Tritanopia (blue-blind)
#104A51
Achromatopsia (no color)
#424242

Design tokens & code

CSS
--color: #2f416b;
/* rgb */ color: rgb(47, 65, 107);
/* oklch */ color: oklch(38.1% 0.076 265.4);
Tailwind
colors: {
  custom: {
    50: '#6c7595',
    500: '#2f416b',
    950: '#000000',
  },
}
SCSS
$custom: #2f416b;
$custom-light: #6c7595;
$custom-dark: #000000;
JSON
{
  "hex": "#2f416b",
  "rgb": {
    "r": 47,
    "g": 65,
    "b": 107
  },
  "hsl": {
    "h": 222,
    "s": 38.961,
    "l": 30.196
  },
  "oklch": {
    "l": 0.38118,
    "c": 0.07571,
    "h": 265.4
  },
  "luminance": 0.05446
}

Semantic roles & 50–950 ramp

primary
#2F416B
secondary
#9C8859
accent
#AB59CF
background
#F6F7F9
surface
#ECEDF2
border
#C7C8CC
text
#07080D
muted
#7A7B7E

Preview Lab

Preview with #2F416B

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

Preview Lab → · Contrast checker → · Palette generator →

#2F416B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva