Nerdulator> put something in

Recognised as Colour

#154CBC

  • #154CBC
  • Blue
  • Dark
  • Nearest: Royal blue

#154CBC is a blue with RGB values 21, 76, 188 and HSL 220°, 80%, 41%. It is a dark colour, so white text on it reaches 7.5:1 contrast (AAA for normal text). The nearest named colour is Royal blue.

Colour values

#154CBC#154CBC
HEX#154CBC
RGBrgb(21, 76, 188)
RGB (0–1)0.0824, 0.298, 0.7373
RGB percentages8.2%, 29.8%, 73.7%
HSLhsl(220.2, 79.9%, 41%)
HSV / HSBhsv(220.2, 88.8%, 73.7%)
CMYK88.8%, 59.6%, 0%, 26.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,395,900
CSS custom property--colour: #154CBC;

Brightness & contrast

Relative luminance0.08959WCAG 2.x, 0 is black and 1 is white
Perceived brightness86.9 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.52:1
Contrast with white7.52:1WCAG normal text: AAA
Contrast with black2.79:1WCAG normal text: Fail
Greyscale equivalent#484848
Inverted#EAB343

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#005CC0no red cones; affects about 1% of men; ΔE 11.9 from the original
Deuteranopia#004DBAno green cones; the most common form, about 1% of men; ΔE 2.5 from the original
Tritanopia#00697Cno blue cones; rare, and affects men and women equally; ΔE 64.4 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.52:1WCAG large text: AAA
Contrast with black, large text2.79:1WCAG large text: Fail

Named colours

Royal blue · ΔE 12.1Slate blue · ΔE 14.3Medium slateblue · ΔE 21.7Dark slateblue · ΔE 22Rebecca purple · ΔE 23Midnight blue · ΔE 24.8
Nearest named CSS colourRoyal blue (#4169E1)ΔE 12.08, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#BC8515
Analogous#159FBC, #3215BC
Triadic#BC154C, #4CBC15
Split complementary#BC3215, #9FBC15
Tetradic#BC159F, #BC8515, #15BC32

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A8C1F5
Lighter +30%#7AA1F0
Lighter +20%#4C80EB
Lighter +10%#1E60E6
Darker −10%#10398E
Darker −20%#0B2760
Darker −30%#061432
Darker −40%#010204
More saturated +25%#0045D1
Less saturated −25%#2F55A2

Channel breakdown

R21
G76
B188
Red21 (8.2%)
Green76 (29.8%)
Blue188 (73.7%)
Hue220.24°
Saturation (HSL)79.9%
Lightness40.98%
Dominant channelBlue
Hex per channelR 15 · G 4C · B BC

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 “154cbc” by Nerdulator’s colour engine. Nothing here was retrieved from a database of answers or written by a model.