#2254BA#2254BA

#2254BA is a mid, vivid blue. Relative luminance 0.102; OKLCH L 47.5% C 0.170 H 262.3°. Best body text is #FFFFFF at 6.90:1 contrast (WCAG AA passes).

Color values

HEX#2254BA
RGBrgb(34, 84, 186)
HSLhsl(220, 69%, 43%)
HSVhsv(220, 82%, 73%)
CMYKcmyk(81.7%, 54.8%, 0%, 27.1%)
CIE-LABlab(38.24, 21.75, -58.43)
CIE-LCHlch(38.24, 62.34, 290.41°)
OKLaboklab(47.52% -0.0227 -0.1686)
OKLCHoklch(47.52% 0.17 262.3)
XYZxyz(12.6897, 10.2244, 47.7495)
Luminance0.1023 (WCAG relative)
Temperaturecool
Familyblue

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#2254BA #BA8822
analogous
#22A0BA #2254BA #3C22BA
triadic
#2254BA #BA2254 #54BA22
tetradic
#2254BA #BA22A0 #BA8822 #22BA3C
square
#2254BA #BA22A0 #BA8822 #22BA3C
split-complementary
#2254BA #BA3C22 #A0BA22
monochromatic
#0F2553 #193D86 #2254BA #3E72DC #7197E5

Accessibility & contrast

On white

6.90
#2254BA on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.05
#2254BA on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #2254BA
6.90:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##2254BA#FFFFFF#000000##FFFFFF
##2254BA1.006.903.056.90
#FFFFFF6.901.0021.001.00
#0000003.0521.001.0021.00
##FFFFFF6.901.0021.001.00

Color blindness preview

Protanopia (red-blind)
#0061BE
Deuteranopia (green-blind)
#0053B8
Tritanopia (blue-blind)
#006D7F
Achromatopsia (no color)
#5A5A5A

Design tokens & code

CSS
--color: #2254ba;
/* rgb */ color: rgb(34, 84, 186);
/* oklch */ color: oklch(47.5% 0.170 262.3);
Tailwind
colors: {
  custom: {
    50: '#7783cf',
    500: '#2254ba',
    950: '#000000',
  },
}
SCSS
$custom: #2254ba;
$custom-light: #7783cf;
$custom-dark: #000000;
JSON
{
  "hex": "#2254ba",
  "rgb": {
    "r": 34,
    "g": 84,
    "b": 186
  },
  "hsl": {
    "h": 220.263,
    "s": 69.091,
    "l": 43.137
  },
  "oklch": {
    "l": 0.4752,
    "c": 0.17015,
    "h": 262.3
  },
  "luminance": 0.10226
}

Semantic roles & 50–950 ramp

primary
#2254BA
secondary
#CCAC6C
accent
#B23CEC
background
#F8F7FC
surface
#EFEEF9
border
#CAC9D2
text
#0A0A14
muted
#7C7C82

Preview Lab

Preview with #2254BA

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

Preview Lab → · Contrast checker → · Palette generator →

#2254BA Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva