Colour

#548A96

#548A96
Cyan
Dark
Nearest: Cadetblue

#548A96 is a cyan with RGB values 84, 138, 150 and HSL 191°, 28%, 46%. It is a dark colour, so black text on it reaches 5.5:1 contrast (AA for normal text). The nearest named colour is Cadetblue.

Colour values

#548A96#548A96

HEX#548A96

RGBrgb(84, 138, 150)

RGB (0–1)0.3294, 0.5412, 0.5882

RGB percentages32.9%, 54.1%, 58.8%

HSLhsl(190.9, 28.2%, 45.9%)

HSV / HSBhsv(190.9, 44%, 58.8%)

CMYK44%, 8%, 0%, 41.2%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,540,502

CSS custom property--colour: #548A96;

Brightness & contrast

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

Perceived brightness125.9 of 255ITU-R BT.601 weighting

Light or darkDark

Best text colour on this backgroundBlackcontrast 5.45:1

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

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

Greyscale equivalent#7F7F7F

Inverted#AB7569

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#818697no red cones; affects about 1% of men; ΔE 16.6 from the original

Deuteranopia#767E96no green cones; the most common form, about 1% of men; ΔE 17.2 from the original

Tritanopia#368F8Eno blue cones; rare, and affects men and women equally; ΔE 12.5 from the original

Distinguishable without hueYesnever rely on hue alone to carry meaning

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

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

Named colours

Cadetblue · ΔE 9.7 Light slate grey · ΔE 12.5 Slate grey · ΔE 12.6 Teal · ΔE 15.9 Dark cyan · ΔE 16.4 Gray · ΔE 18.9

Nearest named CSS colourCadetblue (#5F9EA0)ΔE 9.69, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#966054

Analogous#549681, #546996

Triadic#96548A, #8A9654

Split complementary#965469, #968154

Tetradic#815496, #966054, #699654

Tints, shades & saturation

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

Lighter +40%#D1E1E5

Lighter +30%#B0CDD3

Lighter +20%#8FB8C1

Lighter +10%#6FA3AE

Darker −10%#426C75

Darker −20%#2F4E55

Darker −30%#1D3034

Darker −40%#0B1213

More saturated +25%#379DB3

Less saturated −25%#717779

Channel breakdown

R84

G138

B150

Red84 (32.9%)

Green138 (54.1%)

Blue150 (58.8%)

Hue190.91°

Saturation (HSL)28.21%

Lightness45.88%

Dominant channelBlue

Hex per channelR 54 · G 8A · B 96

Keep nerding

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

#548A96

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