Colour

#1C2A45

#1C2A45
Blue
Dark
Nearest: Dark slate grey

#1C2A45 is a blue with RGB values 28, 42, 69 and HSL 220°, 42%, 19%. It is a dark colour, so white text on it reaches 14.3:1 contrast (AAA for normal text). The nearest named colour is Dark slate grey.

Colour values

#1C2A45#1C2A45

HEX#1C2A45

RGBrgb(28, 42, 69)

RGB (0–1)0.1098, 0.1647, 0.2706

RGB percentages11%, 16.5%, 27.1%

HSLhsl(219.5, 42.3%, 19%)

HSV / HSBhsv(219.5, 59.4%, 27.1%)

CMYK59.4%, 39.1%, 0%, 72.9%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer1,845,829

CSS custom property--colour: #1C2A45;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 14.32:1

Contrast with white14.32:1WCAG normal text: AAA

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

Greyscale equivalent#292929

Inverted#E3D5BA

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#1F2C46no red cones; affects about 1% of men; ΔE 1.2 from the original

Deuteranopia#1A2844no green cones; the most common form, about 1% of men; ΔE 1.2 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text14.32:1WCAG large text: AAA

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

Named colours

Dark slate grey · ΔE 25.6 Black · ΔE 25.7 Dim grey · ΔE 33.3 Dark slateblue · ΔE 35.2 Slate grey · ΔE 37 Steel blue · ΔE 38.5

Nearest named CSS colourDark slate grey (#2F4F4F)ΔE 25.6, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#45371C

Analogous#1C3F45, #221C45

Triadic#451C2A, #2A451C

Split complementary#45221C, #3F451C

Tetradic#451C3F, #45371C, #1C4522

Tints, shades & saturation

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

Lighter +40%#6A88C3

Lighter +30%#486CB2

Lighter +20%#39568E

Lighter +10%#2B4069

Darker −10%#0D1421

Darker −20%#000000

Darker −30%#000000

Darker −40%#000000

More saturated +25%#102651

Less saturated −25%#282E39

Channel breakdown

R28

G42

B69

Red28 (11%)

Green42 (16.5%)

Blue69 (27.1%)

Hue219.51°

Saturation (HSL)42.27%

Lightness19.02%

Dominant channelBlue

Hex per channelR 1C · G 2A · B 45

Keep nerding

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

#1C2A45

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