Recognised as Colour

#46A1CC

#46A1CC
Cyan
Dark
Nearest: Steel blue

#46A1CC is a cyan with RGB values 70, 161, 204 and HSL 199°, 57%, 54%. It is a dark colour, so black text on it reaches 7.2:1 contrast (AAA for normal text). The nearest named colour is Steel blue.

Colour values

#46A1CC#46A1CC

HEX#46A1CC

RGBrgb(70, 161, 204)

RGB (0–1)0.2745, 0.6314, 0.8

RGB percentages27.5%, 63.1%, 80%

HSLhsl(199.3, 56.8%, 53.7%)

HSV / HSBhsv(199.3, 65.7%, 80%)

CMYK65.7%, 21.1%, 0%, 20%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,628,940

CSS custom property--colour: #46A1CC;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 7.23:1

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

Contrast with black7.23:1WCAG normal text: AAA

Greyscale equivalent#919191

Inverted#B95E33

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8C9FCEno red cones; affects about 1% of men; ΔE 18.7 from the original

Deuteranopia#7992CBno green cones; the most common form, about 1% of men; ΔE 19.6 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text7.23:1WCAG large text: AAA

Named colours

Steel blue · ΔE 14.2 Deep skyblue · ΔE 16.5 Light skyblue · ΔE 17.4 Sky blue · ΔE 18.8 Light slate grey · ΔE 23.1 Cadetblue · ΔE 23.4

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#CC7146

Analogous#46CCB4, #465ECC

Triadic#CC46A1, #A1CC46

Split complementary#CC465E, #CCB446

Tetradic#B446CC, #CC7146, #5ECC46

Tints, shades & saturation

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

Lighter +40%#E6F2F8

Lighter +30%#BEDEED

Lighter +20%#96CAE2

Lighter +10%#6EB5D7

Darker −10%#3086AF

Darker −20%#256787

Darker −30%#1A495F

Darker −40%#0F2A37

More saturated +25%#29ACEA

Less saturated −25%#6496AF

Channel breakdown

R70

G161

B204

Red70 (27.5%)

Green161 (63.1%)

Blue204 (80%)

Hue199.25°

Saturation (HSL)56.78%

Lightness53.73%

Dominant channelBlue

Hex per channelR 46 · G A1 · B CC

Keep nerding

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

#46A1CC

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