Colour

#54F6DA

#54F6DA
Cyan
Light
Nearest: Aquamarine

#54F6DA is a cyan with RGB values 84, 246, 218 and HSL 170°, 90%, 65%. It is a light colour, so black text on it reaches 15.6:1 contrast (AAA for normal text). The nearest named colour is Aquamarine.

Colour values

#54F6DA#54F6DA

HEX#54F6DA

RGBrgb(84, 246, 218)

RGB (0–1)0.3294, 0.9647, 0.8549

RGB percentages32.9%, 96.5%, 85.5%

HSLhsl(169.6, 90%, 64.7%)

HSV / HSBhsv(169.6, 65.9%, 96.5%)

CMYK65.9%, 0%, 11.4%, 3.5%≈naive device-independent conversion; real print needs an ICC profile

24-bit integer5,568,218

CSS custom property--colour: #54F6DA;

Brightness & contrast

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

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

Light or darkLight

Best text colour on this backgroundBlackcontrast 15.57:1

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

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

Greyscale equivalent#D2D2D2

Inverted#AB0925

Colour vision & accessibility

Normal vision Protanopia Deuteranopia Tritanopia

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

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

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

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

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

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

Named colours

Aquamarine · ΔE 9.7 Turquoise · ΔE 9.8 Aqua · ΔE 15.5 Cyan · ΔE 15.5 Medium aquamarine · ΔE 17.6 Medium turquoise · ΔE 18.5

Nearest named CSS colourAquamarine (#7FFFD4)Δ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#F65470

Analogous#54F689, #54C1F6

Triadic#DA54F6, #F6DA54

Split complementary#F654C1, #F68954

Tetradic#8954F6, #F65470, #C1F654

Tints, shades & saturation

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

Lighter +40%#FFFFFF

Lighter +30%#E5FEF9

Lighter +20%#B5FBEF

Lighter +10%#84F9E4

Darker −10%#24F3D0

Darker −20%#0BD9B5

Darker −30%#09A88D

Darker −40%#067864

More saturated +25%#4BFFE0

Less saturated −25%#6AE0CB

Channel breakdown

R84

G246

B218

Red84 (32.9%)

Green246 (96.5%)

Blue218 (85.5%)

Hue169.63°

Saturation (HSL)90%

Lightness64.71%

Dominant channelGreen

Hex per channelR 54 · G F6 · B DA

Keep nerding

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

#54F6DA

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