Colour

#2A3777

#2A3777
Blue
Dark
Nearest: Dark slateblue

#2A3777 is a blue with RGB values 42, 55, 119 and HSL 230°, 48%, 32%. It is a dark colour, so white text on it reaches 11:1 contrast (AAA for normal text). The nearest named colour is Dark slateblue.

Colour values

#2A3777#2A3777

HEX#2A3777

RGBrgb(42, 55, 119)

RGB (0–1)0.1647, 0.2157, 0.4667

RGB percentages16.5%, 21.6%, 46.7%

HSLhsl(229.9, 47.8%, 31.6%)

HSV / HSBhsv(229.9, 64.7%, 46.7%)

CMYK64.7%, 53.8%, 0%, 53.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,766,711

CSS custom property--colour: #2A3777;

Brightness & contrast

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

Perceived brightness62.6 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.99:1

Contrast with white10.99:1WCAG normal text: AAA

Contrast with black1.91:1WCAG normal text: Fail

Greyscale equivalent#393939

Inverted#D5C888

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#124079no red cones; affects about 1% of men; ΔE 9.4 from the original

Deuteranopia#003976no green cones; the most common form, about 1% of men; ΔE 7 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text10.99:1WCAG large text: AAA

Contrast with black, large text1.91:1WCAG large text: Fail

Named colours

Dark slateblue · ΔE 11.5 Midnight blue · ΔE 21.1 Rebecca purple · ΔE 28.7 Slate blue · ΔE 33.9 Steel blue · ΔE 34.6 Royal blue · ΔE 36.3

Nearest named CSS colourDark slateblue (#483D8B)ΔE 11.53, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#776A2A

Analogous#2A5E77, #432A77

Triadic#772A37, #37772A

Split complementary#77432A, #5E772A

Tetradic#772A5E, #776A2A, #2A7743

Tints, shades & saturation

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

Lighter +40%#94A0D9

Lighter +30%#6E7ECC

Lighter +20%#485CBF

Lighter +10%#37489D

Darker −10%#1D2651

Darker −20%#0F142C

Darker −30%#020306

Darker −40%#000000

More saturated +25%#162A8B

Less saturated −25%#3E4463

Channel breakdown

R42

G55

B119

Red42 (16.5%)

Green55 (21.6%)

Blue119 (46.7%)

Hue229.87°

Saturation (HSL)47.83%

Lightness31.57%

Dominant channelBlue

Hex per channelR 2A · G 37 · B 77

Keep nerding

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

#2A3777

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