Recognised as Colour

#2C657E

#2C657E
Cyan
Dark
Nearest: Slate grey

#2C657E is a cyan with RGB values 44, 101, 126 and HSL 198°, 48%, 33%. It is a dark colour, so white text on it reaches 6.4:1 contrast (AA for normal text). The nearest named colour is Slate grey.

Colour values

#2C657E#2C657E

HEX#2C657E

RGBrgb(44, 101, 126)

RGB (0–1)0.1725, 0.3961, 0.4941

RGB percentages17.3%, 39.6%, 49.4%

HSLhsl(198.3, 48.2%, 33.3%)

HSV / HSBhsv(198.3, 65.1%, 49.4%)

CMYK65.1%, 19.8%, 0%, 50.6%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,909,566

CSS custom property--colour: #2C657E;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundWhitecontrast 6.42:1

Contrast with white6.42:1WCAG normal text: AA

Contrast with black3.27:1WCAG normal text: Fail

Greyscale equivalent#5B5B5B

Inverted#D39A81

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#58637Fno red cones; affects about 1% of men; ΔE 13.6 from the original

Deuteranopia#4D5B7Eno green cones; the most common form, about 1% of men; ΔE 14.6 from the original

Tritanopia#006C6Dno blue cones; rare, and affects men and women equally; ΔE 18.7 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

Contrast with white, large text6.42:1WCAG large text: AAA

Contrast with black, large text3.27:1WCAG large text: AA

Named colours

Slate grey · ΔE 17.6 Dark slate grey · ΔE 18.2 Steel blue · ΔE 18.8 Light slate grey · ΔE 19.6 Dim grey · ΔE 22.5 Teal · ΔE 23

Nearest named CSS colourSlate grey (#708090)ΔE 17.56, a distinctly different colour

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#7E452C

Analogous#2C7E6E, #2C3C7E

Triadic#7E2C65, #657E2C

Split complementary#7E2C3C, #7E6E2C

Tetradic#6E2C7E, #7E452C, #3C7E2C

Tints, shades & saturation

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

Lighter +40%#9AC8DC

Lighter +30%#74B3CF

Lighter +20%#4F9EC1

Lighter +10%#3983A4

Darker −10%#1F4758

Darker −20%#122832

Darker −30%#040A0D

Darker −40%#000000

More saturated +25%#176D93

Less saturated −25%#415D69

Channel breakdown

R44

G101

B126

Red44 (17.3%)

Green101 (39.6%)

Blue126 (49.4%)

Hue198.29°

Saturation (HSL)48.24%

Lightness33.33%

Dominant channelBlue

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

Keep nerding

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

#2C657E

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