Colour

#1B4BB2

#1B4BB2
Blue
Dark
Nearest: Royal blue

#1B4BB2 is a blue with RGB values 27, 75, 178 and HSL 221°, 74%, 40%. It is a dark colour, so white text on it reaches 7.8:1 contrast (AAA for normal text). The nearest named colour is Royal blue.

Colour values

#1B4BB2#1B4BB2

HEX#1B4BB2

RGBrgb(27, 75, 178)

RGB (0–1)0.1059, 0.2941, 0.698

RGB percentages10.6%, 29.4%, 69.8%

HSLhsl(220.9, 73.7%, 40.2%)

HSV / HSBhsv(220.9, 84.8%, 69.8%)

CMYK84.8%, 57.9%, 0%, 30.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,788,850

CSS custom property--colour: #1B4BB2;

Brightness & contrast

Relative luminance0.0848WCAG 2.x, 0 is black and 1 is white

Perceived brightness84.5 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 7.79:1

Contrast with white7.79:1WCAG normal text: AAA

Contrast with black2.7:1WCAG normal text: Fail

Greyscale equivalent#484848

Inverted#E4B44D

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#0059B5no red cones; affects about 1% of men; ΔE 11.1 from the original

Deuteranopia#004CB0no green cones; the most common form, about 1% of men; ΔE 2.9 from the original

Tritanopia#006577no blue cones; rare, and affects men and women equally; ΔE 59.4 from the original

Distinguishable without hueShifts in lightness toonever rely on hue alone to carry meaning

Contrast with white, large text7.79:1WCAG large text: AAA

Contrast with black, large text2.7:1WCAG large text: Fail

Named colours

Royal blue · ΔE 14.5 Slate blue · ΔE 15.9 Dark slateblue · ΔE 17.6 Rebecca purple · ΔE 22.4 Midnight blue · ΔE 22.7 Medium slateblue · ΔE 25

Nearest named CSS colourRoyal blue (#4169E1)ΔE 14.46, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

base +30°+90°+120°+180°+210°+240°+270°+330°

Complementary#B2821B

Analogous#1B97B2, #361BB2

Triadic#B21B4B, #4BB21B

Split complementary#B2361B, #97B21B

Tetradic#B21B97, #B2821B, #1BB236

Tints, shades & saturation

+40%+30%+20%+10%base -10%-20%-30%-40%

Lighter +40%#A7BFF2

Lighter +30%#7B9FEB

Lighter +20%#4F7EE4

Lighter +10%#225EDE

Darker −10%#143886

Darker −20%#0E2659

Darker −30%#07132D

Darker −40%#000001

More saturated +25%#0142CC

Less saturated −25%#355498

Channel breakdown

R27

G75

B178

Red27 (10.6%)

Green75 (29.4%)

Blue178 (69.8%)

Hue220.93°

Saturation (HSL)73.66%

Lightness40.2%

Dominant channelBlue

Hex per channelR 1B · G 4B · B B2

Keep nerding

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

#1B4BB2

Colour values

Brightness & contrast

Colour vision & accessibility

Named colours

Colour harmonies

Tints, shades & saturation

Channel breakdown

Keep nerding

Harmonies

Lighter and darker

Similar named colours

Nerdulate something else