#8FDCCF

#8FDCCF

Color Values

HEX

#8FDCCF

RGB

143, 220, 207

HSL

169.9, 52.4%, 71.2%

HSV

169.9, 35.0%, 86.3%

CMYK

35.0%, 0.0%, 5.9%, 13.7%

OKLCH

0.8407 0.0785 182.5

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#8FDCCF

#DC8F9C

Analogous

#8FDCA9

#8FC3DC

#8FDCCF

Triadic

#8FDCCF

#CF8FDC

#DCCF8F

Split Complementary

#8FDCCF

#DC8FC3

#DCA98F

Tetradic

#8FDCCF

#A98FDC

#DC8F9C

#C3DC8F

Color Blindness Simulation

Original

#8FDCCF

Protanopia

#B0B1D2

Deuteranopia

#ACA6D3

Tritanopia

#93D5D5

Achromatopsia

#CBCBCB

CSS Usage

background-color: #8FDCCF;
color: #8FDCCF;
border-color: #8FDCCF;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FBFA
100
#E5F5F2
200
#C9EEE8
300
#A2E2D7
400
#6FD2C1
500
#3DC2AC
600
#319B89
700
#277C6E
800
#1E6156
900
#1A4740
950
#102D28

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

13.31:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1월 18, 2026