Seafoam

#8DDCDC
RGB
141, 220, 220
HSL
180°, 53%, 71%
CMYK
36, 0, 0, 14
HSV
180°, 36%, 86%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #8DDCDC color: #8DDCDC;
RGB 141, 220, 220 color: rgb(141, 220, 220);
RGB Percentage 55%, 86%, 86% color: rgb(55%, 86%, 86%);
CMYK 36%, 0%, 0%, 14% Not supported in CSS
HSL 180°, 53%, 71% color: hsl(180, 53%, 71%);
HSV 180°, 36%, 86% Not supported in CSS
CIE-LAB 57, -16, 0 color: lab(57% -16 0);
Decimal 9297116 Not supported in CSS

Color Variations

Shades

#8EDCDC
#72D4D4
#56CBCB
#3CC2C2
#33A6A6
#2B8B8B
#226F6F
#1A5353

Tints

#DDF5F5
#D2F1F1
#C6EEEE
#BBEAEA
#B0E7E7
#A4E3E3
#99E0E0
#8EDCDC

Tones

#8EDCDC
#92D8D8
#96D4D4
#9AD0D0
#9ECDCD
#A1C9C9
#A5C5C5
#A9C1C1

Hues

#8EDCDC
#8EA1DC
#B58EDC
#DC8EC9
#DC8E8E
#DCC98E
#B5DC8E
#8EDCA1

Color Harmonies

Analogous

#8EDCB5
Click to copy
Light Cyan
91%
#8DDCDC
Click to copy
Seafoam
100%
#8EB5DC
Click to copy
Light Blue
91%

Complementary

#8DDCDC
Click to copy
Seafoam
100%
#DC8E8E
Click to copy
Light Red
69%

Split Complementary

#8DDCDC
Click to copy
Seafoam
100%
#DC8EB5
Click to copy
Light Magenta
73%
#DCB58E
Click to copy
Light Orange
73%

Triadic

#8DDCDC
Click to copy
Seafoam
100%
#DC8EDC
Click to copy
Light Purple
75%
#DCDC8E
Click to copy
Light Yellow
75%

Tetradic

#8DDCDC
Click to copy
Seafoam
100%
#B58EDC
Click to copy
Light Purple
80%
#DC8E8E
Click to copy
Light Red
69%
#B5DC8E
Click to copy
Light Green
80%

Square

#8DDCDC
Click to copy
Seafoam
100%
#B58EDC
Click to copy
Light Purple
80%
#DC8E8E
Click to copy
Light Red
69%
#B5DC8E
Click to copy
Light Green
80%

CSS & Dev Snippets

CSS
.seafoam {
  color: #8DDCDC;
}
SCSS
$seafoam: #8DDCDC;
RGB
rgb(141, 220, 220)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags