Colour

#2CAAFF

#2CAAFF
Blue
Dark
Nearest: Cornflower blue

#2CAAFF is a blue with RGB values 44, 170, 255 and HSL 204°, 100%, 59%. It is a dark colour, so black text on it reaches 8.3:1 contrast (AAA for normal text). The nearest named colour is Cornflower blue.

Colour values

#2CAAFF#2CAAFF

HEX#2CAAFF

RGBrgb(44, 170, 255)

RGB (0–1)0.1725, 0.6667, 1

RGB percentages17.3%, 66.7%, 100%

HSLhsl(204.2, 100%, 58.6%)

HSV / HSBhsv(204.2, 82.7%, 100%)

CMYK82.7%, 33.3%, 0%, 0%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer2,927,359

CSS custom property--colour: #2CAAFF;

Brightness & contrast

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

Perceived brightness158 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 8.3:1

Contrast with white2.53:1WCAG normal text: Fail

Contrast with black8.3:1WCAG normal text: AAA

Greyscale equivalent#959595

Inverted#D35500

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#82ADFFno red cones; affects about 1% of men; ΔE 13.9 from the original

Deuteranopia#649AFDno green cones; the most common form, about 1% of men; ΔE 16.5 from the original

Tritanopia#00BFC9no blue cones; rare, and affects men and women equally; ΔE 47.1 from the original

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

Contrast with white, large text2.53:1WCAG large text: Fail

Contrast with black, large text8.3:1WCAG large text: AAA

Named colours

Cornflower blue · ΔE 14.7 Deep skyblue · ΔE 17 Dodgerblue · ΔE 20.1 Steel blue · ΔE 24 Light skyblue · ΔE 27 Sky blue · ΔE 34.2

Nearest named CSS colourCornflower blue (#6495ED)ΔE 14.66, a distinctly different colour

Hue familyblue

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#FF812C

Analogous#2CFFEB, #2C40FF

Triadic#FF2CAA, #AAFF2C

Split complementary#FF2C40, #FFEB2C

Tetradic#EB2CFF, #FF812C, #40FF2C

Tints, shades & saturation

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

Lighter +40%#F8FCFF

Lighter +30%#C5E8FF

Lighter +20%#92D3FF

Lighter +10%#5FBFFF

Darker −10%#0094F8

Darker −20%#0076C5

Darker −30%#005792

Darker −40%#00395F

More saturated +25%#2CAAFF

Less saturated −25%#46A5E5

Channel breakdown

R44

G170

B255

Red44 (17.3%)

Green170 (66.7%)

Blue255 (100%)

Hue204.17°

Saturation (HSL)100%

Lightness58.63%

Dominant channelBlue

Hex per channelR 2C · G AA · B FF

Keep nerding

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

#2CAAFF

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