Aqua

#00FFF0
RGB
0, 255, 240
HSL
176°, 100%, 50%
CMYK
100, 0, 6, 0
HSV
176°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00FFF0 color: #00FFF0;
RGB 0, 255, 240 color: rgb(0, 255, 240);
RGB Percentage 0%, 100%, 94% color: rgb(0%, 100%, 94%);
CMYK 100%, 0%, 6%, 0% Not supported in CSS
HSL 176°, 100%, 50% color: hsl(176, 100%, 50%);
HSV 176°, 100%, 100% Not supported in CSS
CIE-LAB 40, -51, 5 color: lab(40% -51 5);
Decimal 65520 Not supported in CSS

Color Variations

Shades

#00FFEE
#00E6D6
#00CCBE
#00B3A7
#00998F
#008077
#00665F
#004D47

Tints

#B3FFFA
#99FFF8
#80FFF7
#66FFF5
#4DFFF3
#33FFF1
#1AFFF0
#00FFEE

Tones

#00FFEE
#0DF2E3
#1AE6D8
#26D9CD
#33CCC2
#40BFB7
#4DB3AC
#59A6A1

Hues

#00FFEE
#0051FF
#6F00FF
#FF00D0
#FF0011
#FFAE00
#91FF00
#00FF2F

Color Harmonies

Analogous

#00FF6F
Click to copy
Green
71%
#00FFF0
Click to copy
Aqua
100%
#0091FF
Click to copy
Cyan
75%

Complementary

#00FFF0
Click to copy
Aqua
100%
#FF0011
Click to copy
Magenta
4%

Split Complementary

#00FFF0
Click to copy
Aqua
100%
#FF0091
Click to copy
Purple
15%
#FF6F00
Click to copy
Red
14%

Triadic

#00FFF0
Click to copy
Aqua
100%
#EE00FF
Click to copy
Purple
21%
#FFEE00
Click to copy
Orange
21%

Tetradic

#00FFF0
Click to copy
Aqua
100%
#6F00FF
Click to copy
Blue
37%
#FF0011
Click to copy
Magenta
4%
#91FF00
Click to copy
Yellow
36%

Square

#00FFF0
Click to copy
Aqua
100%
#6F00FF
Click to copy
Blue
37%
#FF0011
Click to copy
Magenta
4%
#91FF00
Click to copy
Yellow
36%

CSS & Dev Snippets

CSS
.aqua {
  color: #00FFF0;
}
SCSS
$aqua: #00FFF0;
RGB
rgb(0, 255, 240)

Accessibility & Contrast

White background

1.27:1
1.27
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

16.56:1
16.56
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags