Recognised as Colour

#54F4D5

#54F4D5
Cyan
Light
Nearest: Aquamarine

#54F4D5 is a cyan with RGB values 84, 244, 213 and HSL 168°, 88%, 64%. It is a light colour, so black text on it reaches 15.3:1 contrast (AAA for normal text). The nearest named colour is Aquamarine.

Colour values

#54F4D5#54F4D5

HEX#54F4D5

RGBrgb(84, 244, 213)

RGB (0–1)0.3294, 0.9569, 0.8353

RGB percentages32.9%, 95.7%, 83.5%

HSLhsl(168.4, 87.9%, 64.3%)

HSV / HSBhsv(168.4, 65.6%, 95.7%)

CMYK65.6%, 0%, 12.7%, 4.3%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,567,701

CSS custom property--colour: #54F4D5;

Brightness & contrast

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

Perceived brightness205.5 of 255ITU-R BT.601 weighting

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.28:1

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

Contrast with black15.28:1WCAG normal text: AAA

Greyscale equivalent#D0D0D0

Inverted#AB0B2A

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

Contrast with black, large text15.28:1WCAG large text: AAA

Named colours

Aquamarine · ΔE 8.8 Turquoise · ΔE 10.4 Medium aquamarine · ΔE 16.8 Aqua · ΔE 17.2 Cyan · ΔE 17.2 Medium turquoise · ΔE 19.2

Nearest named CSS colourAquamarine (#7FFFD4)ΔE 8.79, clearly different but related

Hue familycyan

CSS keyword usableNo exact keyword

Colour harmonies

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

Complementary#F45473

Analogous#54F485, #54C3F4

Triadic#D554F4, #F4D554

Split complementary#F454C3, #F48554

Tetradic#8554F4, #F45473, #C3F454

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E4FDF8

Lighter +20%#B4FAED

Lighter +10%#84F7E1

Darker −10%#24F1C9

Darker −20%#0ED4AE

Darker −30%#0BA487

Darker −40%#07755F

More saturated +25%#49FFDC

Less saturated −25%#6BDDC7

Channel breakdown

R84

G244

B213

Red84 (32.9%)

Green244 (95.7%)

Blue213 (83.5%)

Hue168.38°

Saturation (HSL)87.91%

Lightness64.31%

Dominant channelGreen

Hex per channelR 54 · G F4 · B D5

Keep nerding

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

#54F4D5

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