#8FD6D0

#8FD6D0

Color Values

HEX

#8FD6D0

RGB

143, 214, 208

HSL

174,9, 46,4%, 70,0%

HSV

174,9, 33,2%, 83,9%

CMYK

33,2%, 0,0%, 2,8%, 16,1%

OKLCH

0,8275 0,0716 189,2

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#8FD6D0

#D68F95

Analogous

#8FD6AC

#8FB9D6

#8FD6D0

Triadic

#8FD6D0

#D08FD6

#D6D08F

Split Complementary

#8FD6D0

#D68FB9

#D6AC8F

Tetradic

#8FD6D0

#AC8FD6

#D68F95

#B9D68F

Color Blindness Simulation

Original

#8FD6D0

Protanopia

#AEAED1

Deuteranopia

#AAA4D2

Tritanopia

#93D3D3

Achromatopsia

#C6C6C6

CSS Usage

background-color: #8FD6D0;
color: #8FD6D0;
border-color: #8FD6D0;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECE9
300
#A5DED9
400
#75CCC5
500
#44BBB1
600
#37958D
700
#2C7771
800
#225D58
900
#1C4541
950
#122B29

Contrast Checker

Text on white

1,65:1

AA Fail AAA Fail

Text on black

12,7:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026