Tiffany Blue

#81D8D0
RGB
129, 216, 208
HSL
174°, 53%, 68%
CMYK
40, 0, 4, 15
HSV
174°, 40%, 85%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #81D8D0 color: #81D8D0;
RGB 129, 216, 208 color: rgb(129, 216, 208);
RGB Percentage 51%, 85%, 82% color: rgb(51%, 85%, 82%);
CMYK 40%, 0%, 4%, 15% Not supported in CSS
HSL 174°, 53%, 68% color: hsl(174, 53%, 68%);
HSV 174°, 40%, 85% Not supported in CSS
CIE-LAB 54, -17, 3 color: lab(54% -17 3);
Decimal 8509648 Not supported in CSS

Color Variations

Shades

#82D9D0
#68D0C6
#4DC8BC
#39BAAD
#319F94
#29857B
#216A63
#18504A

Tints

#DAF3F1
#CDF0EC
#C1ECE7
#B4E8E3
#A8E4DE
#9BE0D9
#8FDCD5
#82D9D0

Tones

#82D9D0
#86D4CD
#8BD0C9
#8FCCC6
#93C7C2
#98C3BF
#9CBFBB
#A0BAB8

Hues

#82D9D0
#82A0D9
#A582D9
#D982CC
#D9828B
#D9BA82
#B6D982
#82D98F

Color Harmonies

Analogous

#82D9A5
Click to copy
Light Green
90%
#81D8D0
Click to copy
Tiffany blue
100%
#82B6D9
Click to copy
Light Cyan
92%

Complementary

#81D8D0
Click to copy
Tiffany blue
100%
#D9828B
Click to copy
Light Magenta
68%

Split Complementary

#81D8D0
Click to copy
Tiffany blue
100%
#D982B6
Click to copy
Light Purple
71%
#D9A582
Click to copy
Light Red
71%

Triadic

#81D8D0
Click to copy
Tiffany blue
100%
#D082D9
Click to copy
Light Purple
73%
#D9D082
Click to copy
Light Orange
73%

Tetradic

#81D8D0
Click to copy
Tiffany blue
100%
#A582D9
Click to copy
Light Blue
79%
#D9828B
Click to copy
Light Magenta
68%
#B6D982
Click to copy
Light Yellow
79%

Square

#81D8D0
Click to copy
Tiffany blue
100%
#A582D9
Click to copy
Light Blue
79%
#D9828B
Click to copy
Light Magenta
68%
#B6D982
Click to copy
Light Yellow
79%

CSS & Dev Snippets

CSS
.tiffany-blue {
  color: #81D8D0;
}
SCSS
$tiffany-blue: #81D8D0;
RGB
rgb(129, 216, 208)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags