Nerdulator> put something in

Recognised as Colour

#153A97

  • #153A97
  • Blue
  • Dark
  • Nearest: Dark slateblue

#153A97 is a blue with RGB values 21, 58, 151 and HSL 223°, 76%, 34%. It is a dark colour, so white text on it reaches 10.1:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#153A97#153A97
HEX#153A97
RGBrgb(21, 58, 151)
RGB (0–1)0.0824, 0.2275, 0.5922
RGB percentages8.2%, 22.7%, 59.2%
HSLhsl(222.9, 75.6%, 33.7%)
HSV / HSBhsv(222.9, 86.1%, 59.2%)
CMYK86.1%, 61.6%, 0%, 40.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,391,255
CSS custom property--colour: #153A97;

Brightness & contrast

Relative luminance0.0542WCAG 2.x, 0 is black and 1 is white
Perceived brightness68.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 10.08:1
Contrast with white10.08:1WCAG normal text: AAA
Contrast with black2.08:1WCAG normal text: Fail
Greyscale equivalent#393939
Inverted#EAC568

Colour vision & accessibility

Protanopia#00489Ano red cones; affects about 1% of men; ΔE 11.3 from the original
Deuteranopia#003C95no green cones; the most common form, about 1% of men; ΔE 3.6 from the original
Tritanopia#005262no blue cones; rare, and affects men and women equally; ΔE 55.6 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text10.08:1WCAG large text: AAA
Contrast with black, large text2.08:1WCAG large text: Fail

Named colours

Nearest named CSS colourDark slateblue (#483D8B)ΔE 12.73, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

Complementary#977215
Analogous#157B97, #311597
Triadic#97153A, #3A9715
Split complementary#973115, #7B9715
Tetradic#97157B, #977215, #159731

Tints, shades & saturation

Lighter +40%#89A6EF
Lighter +30%#5D84E8
Lighter +20%#3063E2
Lighter +10%#1B4BC4
Darker −10%#0F296A
Darker −20%#09183D
Darker −30%#020611
Darker −40%#000000
More saturated +25%#0031AC
Less saturated −25%#2B4382

Channel breakdown

R21
G58
B151
Red21 (8.2%)
Green58 (22.7%)
Blue151 (59.2%)
Hue222.92°
Saturation (HSL)75.58%
Lightness33.73%
Dominant channelBlue
Hex per channelR 15 · G 3A · B 97

Keep nerding

Every link below is a page Nerdulator can generate from what it already knows about this value.

Nerdulate something else

Nothing in mind? Surprise me · today’s page

Every value on this page was computed from “153a97” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.