Aquamarine

#66F1C2
RGB
102, 241, 194
HSL
160°, 83%, 67%
CMYK
58, 0, 20, 5
HSV
160°, 58%, 95%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #66F1C2 color: #66F1C2;
RGB 102, 241, 194 color: rgb(102, 241, 194);
RGB Percentage 40%, 95%, 76% color: rgb(40%, 95%, 76%);
CMYK 58%, 0%, 20%, 5% Not supported in CSS
HSL 160°, 83%, 67% color: hsl(160, 83%, 67%);
HSV 160°, 58%, 95% Not supported in CSS
CIE-LAB 54, -28, 16 color: lab(54% -28 16);
Decimal 6746562 Not supported in CSS

Color Variations

Shades

#65F1C2
#46EEB6
#26EBA9
#14DB99
#11BC83
#0F9C6D
#0C7D57
#095E41

Tints

#D1FBED
#C1F9E7
#B2F8E1
#A3F6DA
#93F5D4
#84F4CE
#74F2C8
#65F1C2

Tones

#65F1C2
#6CEAC0
#73E3BD
#7ADCBB
#81D5B9
#88CEB6
#8FC7B4
#96C0B2

Hues

#65F1C2
#65B6F1
#7C65F1
#E565F1
#F16594
#F19F65
#D9F165
#71F165

Color Harmonies

Analogous

#65F17C
Click to copy
Light Green
84%
#66F1C2
Click to copy
Aquamarine
100%
#65D9F1
Click to copy
Light Cyan
88%

Complementary

#66F1C2
Click to copy
Aquamarine
100%
#F16594
Click to copy
Light Magenta
54%

Split Complementary

#66F1C2
Click to copy
Aquamarine
100%
#F165D9
Click to copy
Light Purple
55%
#F17C65
Click to copy
Light Red
54%

Triadic

#66F1C2
Click to copy
Aquamarine
100%
#C265F1
Click to copy
Light Purple
61%
#F1C265
Click to copy
Light Orange
61%

Tetradic

#66F1C2
Click to copy
Aquamarine
100%
#7C65F1
Click to copy
Light Blue
66%
#F16594
Click to copy
Light Magenta
54%
#D9F165
Click to copy
Light Yellow
66%

Square

#66F1C2
Click to copy
Aquamarine
100%
#7C65F1
Click to copy
Light Blue
66%
#F16594
Click to copy
Light Magenta
54%
#D9F165
Click to copy
Light Yellow
66%

CSS & Dev Snippets

CSS
.aquamarine {
  color: #66F1C2;
}
SCSS
$aquamarine: #66F1C2;
RGB
rgb(102, 241, 194)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags