#153A9D

Blue

HEX

RGB

HSL

About #153A9D Blue

#153A9D is a blue color. In the RGB color model, it is composed of 21 red, 58 green, and 157 blue. In the HSL color space, it has a hue of 224°, saturation of 76%, and lightness of 35%.

This color has a low lightness value, making it a dark color great for text and bold accents. With high saturation, it appears vibrant and eye-catching.

CSS Code

Use #153A9D in your CSS, SCSS, or Tailwind projects.

Color Properties

224°

Hue

76%

Saturation

35%

Lightness

Blue

Color Harmonies

Colors that work well with #153A9D based on color theory.

Accessibility

WCAG 2.1 contrast ratio of #153A9D against white and black backgrounds.

Aa#153A9D on White
Contrast Ratio9.89:1
AA AA Large AAA
Aa#153A9D on Black
Contrast Ratio2.12:1
AA AA Large AAA

Color Conversion Table

Complete conversion of #153A9D across different color formats.

FormatValue
HEX#153A9D
RGBrgb(21, 58, 157)
HSLhsl(224, 76%, 35%)
RGB Decimal21, 58, 157
RGB Percent8.2%, 22.7%, 61.6%
CMYK (approx.)87%, 63%, 0%, 38%

Related Palettes

12 palettes using #153A9D or similar colors

#2138AB#6F35E3#D57FE6#F6BCE2
#2630A6#8042D6#E279EC#F7BADE
#1E2FAE#7B41D8#DB7DE8#F7BAE0
#193AB3#6635E4#CD83E2#F6BCE5
#192EB3#763ADF#DC7AEB#F5BDE0
#2550A7#5E46D2#C47EE7#F5BDEB
#101323#222744#323967#32409A
#1629B6#7A3FD9#DD7BEA#F6BBE0
#2523A9#8F33E5#ED78EB#F6BBD8
#1D52AF#5844D4#C081E4#F5BCEE
#0E0F25#161850#272A72#353997
#1B54B1#4731E7#C176EF#F0C1EB