Colour

#2486AA

#2486AA
Cyan
Dark
Nearest: Steel blue

#2486AA is a cyan with RGB values 36, 134, 170 and HSL 196°, 65%, 40%. It is a dark colour, so black text on it reaches 5.1:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#2486AA#2486AA

HEX#2486AA

RGBrgb(36, 134, 170)

RGB (0–1)0.1412, 0.5255, 0.6667

RGB percentages14.1%, 52.5%, 66.7%

HSLhsl(196.1, 65%, 40.4%)

HSV / HSBhsv(196.1, 78.8%, 66.7%)

CMYK78.8%, 21.2%, 0%, 33.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,393,770

CSS custom property--colour: #2486AA;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.07:1

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

Contrast with black5.07:1WCAG normal text: AA

Greyscale equivalent#747474

Inverted#DB7955

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#7384ACno red cones; affects about 1% of men; ΔE 19.3 from the original

Deuteranopia#6177AAno green cones; the most common form, about 1% of men; ΔE 20.9 from the original

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

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

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

Contrast with black, large text5.07:1WCAG large text: AAA

Named colours

Steel blue · ΔE 12.2 Light slate grey · ΔE 20.7 Slate grey · ΔE 20.8 Cadetblue · ΔE 22 Teal · ΔE 23.4 Dark cyan · ΔE 23.8

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#AA4824

Analogous#24AA8B, #2443AA

Triadic#AA2486, #86AA24

Split complementary#AA2443, #AA8B24

Tetradic#8B24AA, #AA4824, #43AA24

Tints, shades & saturation

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

Lighter +40%#ACDCEE

Lighter +30%#82CAE5

Lighter +20%#58B8DC

Lighter +10%#2EA7D3

Darker −10%#1B6580

Darker −20%#124456

Darker −30%#09222C

Darker −40%#000102

More saturated +25%#0A92C4

Less saturated −25%#3E7A90

Channel breakdown

R36

G134

B170

Red36 (14.1%)

Green134 (52.5%)

Blue170 (66.7%)

Hue196.12°

Saturation (HSL)65.05%

Lightness40.39%

Dominant channelBlue

Hex per channelR 24 · G 86 · B AA

Keep nerding

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

#2486AA

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