Nerdulator> put something in

Recognised as Colour

#1F57A5

  • #1F57A5
  • Blue
  • Dark
  • Nearest: Dark slateblue

#1F57A5 is a blue with RGB values 31, 87, 165 and HSL 215°, 68%, 38%. It is a dark colour, so white text on it reaches 7.1:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#1F57A5#1F57A5
HEX#1F57A5
RGBrgb(31, 87, 165)
RGB (0–1)0.1216, 0.3412, 0.6471
RGB percentages12.2%, 34.1%, 64.7%
HSLhsl(214.9, 68.4%, 38.4%)
HSV / HSBhsv(214.9, 81.2%, 64.7%)
CMYK81.2%, 47.3%, 0%, 35.3%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer2,054,053
CSS custom property--colour: #1F57A5;

Brightness & contrast

Relative luminance0.09824WCAG 2.x, 0 is black and 1 is white
Perceived brightness88.5 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 7.08:1
Contrast with white7.08:1WCAG normal text: AAA
Contrast with black2.96:1WCAG normal text: Fail
Greyscale equivalent#515151
Inverted#E0A85A

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#2C5FA8no red cones; affects about 1% of men; ΔE 4.9 from the original
Deuteranopia#0453A3no green cones; the most common form, about 1% of men; ΔE 2.5 from the original
Tritanopia#006A76no blue cones; rare, and affects men and women equally; ΔE 46.3 from the original
Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning
Contrast with white, large text7.08:1WCAG large text: AAA
Contrast with black, large text2.96:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 17.1Cornflower blue · ΔE 24.6Royal blue · ΔE 25.7Steel blue · ΔE 26.1Dodgerblue · ΔE 27.2Slate blue · ΔE 28.1
Nearest named CSS colourDark slateblue (#483D8B)ΔE 17.08, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#A56D1F
Analogous#1F9AA5, #2A1FA5
Triadic#A51F57, #57A51F
Split complementary#A52A1F, #9AA51F
Tetradic#A51F9A, #A56D1F, #1FA52A

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#A2C2EE
Lighter +30%#77A5E6
Lighter +20%#4D89DD
Lighter +10%#276ED0
Darker −10%#17407A
Darker −20%#0F2A4F
Darker −30%#071324
Darker −40%#000000
More saturated +25%#0753BE
Less saturated −25%#385B8D

Channel breakdown

R31
G87
B165
Red31 (12.2%)
Green87 (34.1%)
Blue165 (64.7%)
Hue214.93°
Saturation (HSL)68.37%
Lightness38.43%
Dominant channelBlue
Hex per channelR 1F · G 57 · B A5

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