Colour

#2C7EB3

#2C7EB3
Blue
Dark
Nearest: Steel blue

#2C7EB3 is a blue with RGB values 44, 126, 179 and HSL 204°, 61%, 44%. It is a dark colour, so black text on it reaches 4.7:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#2C7EB3#2C7EB3

HEX#2C7EB3

RGBrgb(44, 126, 179)

RGB (0–1)0.1725, 0.4941, 0.702

RGB percentages17.3%, 49.4%, 70.2%

HSLhsl(203.6, 60.5%, 43.7%)

HSV / HSBhsv(203.6, 75.4%, 70.2%)

CMYK75.4%, 29.6%, 0%, 29.8%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,916,019

CSS custom property--colour: #2C7EB3;

Brightness & contrast

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

Perceived brightness116.4 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 4.74:1

Contrast with white4.43:1WCAG normal text: Fail

Contrast with black4.74:1WCAG normal text: AA

Greyscale equivalent#707070

Inverted#D3814C

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#657FB5no red cones; affects about 1% of men; ΔE 12.4 from the original

Deuteranopia#5372B2no green cones; the most common form, about 1% of men; ΔE 14.3 from the original

Tritanopia#008B91no blue cones; rare, and affects men and women equally; ΔE 32 from the original

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

Contrast with white, large text4.43:1WCAG large text: AA

Contrast with black, large text4.74:1WCAG large text: AAA

Named colours

Steel blue · ΔE 4.2 Cornflower blue · ΔE 24.1 Light slate grey · ΔE 24.9 Slate grey · ΔE 24.9 Deep skyblue · ΔE 26.1 Light skyblue · ΔE 30.4

Nearest named CSS colourSteel blue (#4682B4)ΔE 4.16, a close match

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#B3612C

Analogous#2CB3A4, #2C3BB3

Triadic#B32C7E, #7EB32C

Split complementary#B32C3B, #B3A42C

Tetradic#A42CB3, #B3612C, #3BB32C

Tints, shades & saturation

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

Lighter +40%#BCDBEF

Lighter +30%#93C5E5

Lighter +20%#6BAFDA

Lighter +10%#4298D0

Darker −10%#22618A

Darker −20%#184461

Darker −30%#0E2838

Darker −40%#040B0F

More saturated +25%#1084CF

Less saturated −25%#487897

Channel breakdown

R44

G126

B179

Red44 (17.3%)

Green126 (49.4%)

Blue179 (70.2%)

Hue203.56°

Saturation (HSL)60.54%

Lightness43.73%

Dominant channelBlue

Hex per channelR 2C · G 7E · B B3

Keep nerding

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

#2C7EB3

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