#2345AA#2345AA

#2345AA is a dark, vivid blue. Relative luminance 0.075; OKLCH L 43.2% C 0.167 H 265.5°. Best body text is #FFFFFF at 8.39:1 contrast (WCAG AA passes).

Color values

HEX#2345AA
RGBrgb(35, 69, 170)
HSLhsl(225, 66%, 40%)
HSVhsv(225, 79%, 67%)
CMYKcmyk(79.4%, 59.4%, 0%, 33.3%)
CIE-LABlab(32.95, 25.63, -57.57)
CIE-LCHlch(32.95, 63.02, 294.00°)
OKLaboklab(43.15% -0.013 -0.1663)
OKLCHoklch(43.15% 0.167 265.5)
XYZxyz(10.0744, 7.5147, 38.9419)
Luminance0.0752 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2345AA #AA8823
analogous
#2388AA #2345AA #4423AA
triadic
#2345AA #AA2345 #45AA23
tetradic
#2345AA #AA2388 #AA8823 #23AA44
square
#2345AA #AA2388 #AA8823 #23AA44
split-complementary
#2345AA #AA4423 #88AA23
monochromatic
#0E1C44 #193077 #2345AA #355DD5 #6886E0

Accessibility & contrast

On white

8.39
#2345AA on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.50
#2345AA on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #2345AA
8.39:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2345AA#FFFFFF#000000##FFFFFF
##2345AA1.008.392.508.39
#FFFFFF8.391.0021.001.00
#0000002.5021.001.0021.00
##FFFFFF8.391.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0054AD
Deuteranopia (green-blind)
#0047A8
Tritanopia (blue-blind)
#005F70
Achromatopsia (no color)
#4D4D4D

Design tokens & code

CSS
--color: #2345aa;
/* rgb */ color: rgb(35, 69, 170);
/* oklch */ color: oklch(43.2% 0.167 265.5);
Tailwind
colors: {
  custom: {
    50: '#7478c4',
    500: '#2345aa',
    950: '#000000',
  },
}
SCSS
$custom: #2345aa;
$custom-light: #7478c4;
$custom-dark: #000000;
JSON
{
  "hex": "#2345aa",
  "rgb": {
    "r": 35,
    "g": 69,
    "b": 170
  },
  "hsl": {
    "h": 224.889,
    "s": 65.854,
    "l": 40.196
  },
  "oklch": {
    "l": 0.43152,
    "c": 0.16685,
    "h": 265.5
  },
  "luminance": 0.07516
}

Semantic roles & 50–950 ramp

primary
#2345AA
secondary
#C6AD63
accent
#BE3FE9
background
#F7F7FC
surface
#EEEDF8
border
#C9C8D1
text
#0A0813
muted
#7C7B82

Preview Lab

Preview with #2345AA

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

Preview Lab → · Contrast checker → · Palette generator →

#2345AA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva