Recognised as Colour

#489AC1

#489AC1
Cyan
Dark
Nearest: Steel blue

#489AC1 is a cyan with RGB values 72, 154, 193 and HSL 199°, 49%, 52%. It is a dark colour, so black text on it reaches 6.7:1 contrast (AA for normal text). The nearest named colour is Steel blue.

Colour values

#489AC1#489AC1

HEX#489AC1

RGBrgb(72, 154, 193)

RGB (0–1)0.2824, 0.6039, 0.7569

RGB percentages28.2%, 60.4%, 75.7%

HSLhsl(199.3, 49.4%, 52%)

HSV / HSBhsv(199.3, 62.7%, 75.7%)

CMYK62.7%, 20.2%, 0%, 24.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer4,758,209

CSS custom property--colour: #489AC1;

Brightness & contrast

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

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

Light or darkDark

Best text colour on this backgroundBlackcontrast 6.67:1

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

Contrast with black6.67:1WCAG normal text: AA

Greyscale equivalent#8B8B8B

Inverted#B7653E

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#8798C3no red cones; affects about 1% of men; ΔE 17.7 from the original

Deuteranopia#768CC0no green cones; the most common form, about 1% of men; ΔE 18.5 from the original

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

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

Contrast with black, large text6.67:1WCAG large text: AAA

Named colours

Steel blue · ΔE 12.7 Light skyblue · ΔE 19.7 Deep skyblue · ΔE 19.9 Sky blue · ΔE 20.1 Light slate grey · ΔE 20.2 Cadetblue · ΔE 21.2

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

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#C16F48

Analogous#48C1AB, #485DC1

Triadic#C1489A, #9AC148

Split complementary#C1485D, #C1AB48

Tetradic#AB48C1, #C16F48, #5EC148

Tints, shades & saturation

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

Lighter +40%#E0EEF5

Lighter +30%#BAD9E8

Lighter +20%#94C4DB

Lighter +10%#6EAFCE

Darker −10%#367EA0

Darker −20%#29607A

Darker −30%#1C4254

Darker −40%#0F242E

More saturated +25%#29A5E0

Less saturated −25%#678FA2

Channel breakdown

R72

G154

B193

Red72 (28.2%)

Green154 (60.4%)

Blue193 (75.7%)

Hue199.34°

Saturation (HSL)49.39%

Lightness51.96%

Dominant channelBlue

Hex per channelR 48 · G 9A · B C1

Keep nerding

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

#489AC1

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