Nerdulator> put something in

Recognised as Colour

#1B4680

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

#1B4680 is a blue with RGB values 27, 70, 128 and HSL 214°, 65%, 30%. It is a dark colour, so white text on it reaches 9.4:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#1B4680#1B4680
HEX#1B4680
RGBrgb(27, 70, 128)
RGB (0–1)0.1059, 0.2745, 0.502
RGB percentages10.6%, 27.5%, 50.2%
HSLhsl(214.5, 65.2%, 30.4%)
HSV / HSBhsv(214.5, 78.9%, 50.2%)
CMYK78.9%, 45.3%, 0%, 49.8%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer1,787,520
CSS custom property--colour: #1B4680;

Brightness & contrast

Relative luminance0.06172WCAG 2.x, 0 is black and 1 is white
Perceived brightness70.4 of 255ITU-R BT.601 weighting
Light or darkDark
Best text colour on this backgroundWhitecontrast 9.4:1
Contrast with white9.4:1WCAG normal text: AAA
Contrast with black2.23:1WCAG normal text: Fail
Greyscale equivalent#414141
Inverted#E4B97F

Colour vision & accessibility

Normal visionProtanopiaDeuteranopiaTritanopia
Protanopia#294B82no red cones; affects about 1% of men; ΔE 3.3 from the original
Deuteranopia#15427Fno green cones; the most common form, about 1% of men; ΔE 2.8 from the original
Tritanopia#00545Cno blue cones; rare, and affects men and women equally; ΔE 36.8 from the original
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text9.4:1WCAG large text: AAA
Contrast with black, large text2.23:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 19.5Steel blue · ΔE 25.8Midnight blue · ΔE 30.8Cornflower blue · ΔE 34.4Slate grey · ΔE 36.3Rebecca purple · ΔE 37.2
Nearest named CSS colourDark slateblue (#483D8B)ΔE 19.48, a distinctly different colour
Hue familyblue
CSS keyword usableNo exact keyword

Colour harmonies

base+30°+90°+120°+180°+210°+240°+270°+330°
Complementary#80551B
Analogous#1B7980, #221B80
Triadic#801B46, #46801B
Split complementary#80221B, #79801B
Tetradic#801B79, #80551B, #1B8022

Tints, shades & saturation

+40%+30%+20%+10%base-10%-20%-30%-40%
Lighter +40%#82ACE5
Lighter +30%#5890DC
Lighter +20%#2E74D3
Lighter +10%#245DAA
Darker −10%#122F56
Darker −20%#09182C
Darker −30%#000102
Darker −40%#000000
More saturated +25%#084393
Less saturated −25%#2E496D

Channel breakdown

R27
G70
B128
Red27 (10.6%)
Green70 (27.5%)
Blue128 (50.2%)
Hue214.46°
Saturation (HSL)65.16%
Lightness30.39%
Dominant channelBlue
Hex per channelR 1B · G 46 · B 80

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