Nerdulator> put something in

Recognised as Colour

#1557C8

  • #1557C8
  • Blue
  • Dark
  • Nearest: Royal blue

#1557C8 is a blue with RGB values 21, 87, 200 and HSL 218°, 81%, 43%. It is a dark colour, so white text on it reaches 6.5:1 contrast (AA for normal text). The nearest named colour is Royal blue.

Colour values

#1557C8#1557C8
HEX#1557C8
RGBrgb(21, 87, 200)
RGB (0–1)0.0824, 0.3412, 0.7843
RGB percentages8.2%, 34.1%, 78.4%
HSLhsl(217.9, 81%, 43.3%)
HSV / HSBhsv(217.9, 89.5%, 78.4%)
CMYK89.5%, 56.5%, 0%, 21.6%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,398,728
CSS custom property--colour: #1557C8;

Brightness & contrast

Relative luminance0.11146WCAG 2.x, 0 is black and 1 is white
Perceived brightness95.6 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 6.5:1
Contrast with white6.5:1WCAG normal text: AA
Contrast with black3.23:1WCAG normal text: Fail
Greyscale equivalent#515151
Inverted#EAA837

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#0066CCno red cones; affects about 1% of men; ΔE 11 from the original
Deuteranopia#0056C6no green cones; the most common form, about 1% of men; ΔE 1.2 from the original
Tritanopia#007487no blue cones; rare, and affects men and women equally; ΔE 64.1 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text6.5:1WCAG large text: AAA
Contrast with black, large text3.23:1WCAG large text: AA

Named colours

Royal blue · ΔE 8.3Slate blue · ΔE 14.4Medium slateblue · ΔE 20.8Dark slateblue · ΔE 23.8Medium purple · ΔE 24.1Dodgerblue · ΔE 24.3
Nearest named CSS colourRoyal blue (#4169E1)ΔE 8.33, clearly different but related
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#C88615
Analogous#15B1C8, #2C15C8
Triadic#C81557, #57C815
Split complementary#C82C15, #B1C815
Tetradic#C815B1, #C88615, #15C82C

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#B2CBF7
Lighter +30%#84ADF2
Lighter +20%#568EED
Lighter +10%#286FE8
Darker −10%#10439A
Darker −20%#0B2F6C
Darker −30%#061B3E
Darker −40%#02070F
More saturated +25%#0051DD
Less saturated −25%#315EAC

Channel breakdown

R21
G87
B200
Red21 (8.2%)
Green87 (34.1%)
Blue200 (78.4%)
Hue217.88°
Saturation (HSL)81%
Lightness43.33%
Dominant channelBlue
Hex per channelR 15 · G 57 · B C8

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