Recognised as Colour

#54E3D8

#54E3D8
Cyan
Light
Nearest: Turquoise

#54E3D8 is a cyan with RGB values 84, 227, 216 and HSL 175°, 72%, 61%. It is a light colour, so black text on it reaches 13.4:1 contrast (AAA for normal text). The nearest named colour is Turquoise.

Colour values

#54E3D8#54E3D8

HEX#54E3D8

RGBrgb(84, 227, 216)

RGB (0–1)0.3294, 0.8902, 0.8471

RGB percentages32.9%, 89%, 84.7%

HSLhsl(175.4, 71.9%, 61%)

HSV / HSBhsv(175.4, 63%, 89%)

CMYK63%, 0%, 4.8%, 11%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,563,352

CSS custom property--colour: #54E3D8;

Brightness & contrast

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

Perceived brightness194.1 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 13.36:1

Contrast with white1.57:1WCAG normal text: Fail

Contrast with black13.36:1WCAG normal text: AAA

Greyscale equivalent#C4C4C4

Inverted#AB1C27

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

Protanopia#D7D7D8no red cones; affects about 1% of men; ΔE 41.1 from the original

Deuteranopia#C2C7D9no green cones; the most common form, about 1% of men; ΔE 42.5 from the original

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

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

Contrast with white, large text1.57:1WCAG large text: Fail

Contrast with black, large text13.36:1WCAG large text: AAA

Named colours

Turquoise · ΔE 4.4 Medium turquoise · ΔE 7.1 Dark turquoise · ΔE 10.7 Aqua · ΔE 13.9 Cyan · ΔE 13.9 Medium aquamarine · ΔE 16.1

Nearest named CSS colourTurquoise (#40E0D0)ΔE 4.37, a close match

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#E3545F

Analogous#54E390, #54A7E3

Triadic#D854E3, #E3D854

Split complementary#E354A7, #E39054

Tetradic#9054E3, #E3545F, #A7E354

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#D7F9F6

Lighter +20%#ACF1EC

Lighter +10%#80EAE2

Darker −10%#28DCCE

Darker −20%#1DB4A8

Darker −30%#16887F

Darker −40%#0F5C56

More saturated +25%#3BFCED

Less saturated −25%#6DCAC3

Channel breakdown

R84

G227

B216

Red84 (32.9%)

Green227 (89%)

Blue216 (84.7%)

Hue175.38°

Saturation (HSL)71.86%

Lightness60.98%

Dominant channelGreen

Hex per channelR 54 · G E3 · B D8

Keep nerding

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

#54E3D8

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