Colour

#2C4269

#2C4269
Blue
Dark
Nearest: Steel blue

#2C4269 is a blue with RGB values 44, 66, 105 and HSL 218°, 41%, 29%. It is a dark colour, so white text on it reaches 10:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#2C4269#2C4269

HEX#2C4269

RGBrgb(44, 66, 105)

RGB (0–1)0.1725, 0.2588, 0.4118

RGB percentages17.3%, 25.9%, 41.2%

HSLhsl(218.4, 40.9%, 29.2%)

HSV / HSBhsv(218.4, 58.1%, 41.2%)

CMYK58.1%, 37.1%, 0%, 58.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,900,585

CSS custom property--colour: #2C4269;

Brightness & contrast

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

Perceived brightness66.3 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundWhitecontrast 10.05:1

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

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

Greyscale equivalent#404040

Inverted#D3BD96

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#32456Bno red cones; affects about 1% of men; ΔE 1.7 from the original

Deuteranopia#2B3F68no green cones; the most common form, about 1% of men; ΔE 2.1 from the original

Tritanopia#074B50no blue cones; rare, and affects men and women equally; ΔE 27.3 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Steel blue · ΔE 26.7 Dark slate grey · ΔE 27.1 Dark slateblue · ΔE 27.6 Slate grey · ΔE 29.6 Dim grey · ΔE 30.5 Light slate grey · ΔE 32

Nearest named CSS colourSteel blue (#4682B4)ΔE 26.73, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#69532C

Analogous#2C6069, #352C69

Triadic#692C42, #42692C

Split complementary#69352C, #60692C

Tetradic#692C60, #69532C, #2C6935

Tints, shades & saturation

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

Lighter +40%#90A8D1

Lighter +30%#6C8BC2

Lighter +20%#4A6FB1

Lighter +10%#3B598D

Darker −10%#1D2B45

Darker −20%#0E1521

Darker −30%#000000

Darker −40%#000000

More saturated +25%#193D7C

Less saturated −25%#3F4756

Channel breakdown

R44

G66

B105

Red44 (17.3%)

Green66 (25.9%)

Blue105 (41.2%)

Hue218.36°

Saturation (HSL)40.94%

Lightness29.22%

Dominant channelBlue

Hex per channelR 2C · G 42 · B 69

Keep nerding

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

#2C4269

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