#8FC7CE

#8FC7CE

Color Values

HEX

#8FC7CE

RGB

143, 199, 206

HSL

186.7, 39.1%, 68.4%

HSV

186.7, 30.6%, 80.8%

CMYK

30.6%, 3.4%, 0.0%, 19.2%

OKLCH

0.7935 0.0586 205.8

Properties

Cool Light Nearest: paleturquoise 3

Color Harmonies

Complementary

#8FC7CE

#CE968F

Analogous

#8FCEB5

#8FA7CE

#8FC7CE

Triadic

#8FC7CE

#CE8FC7

#C7CE8F

Split Complementary

#8FC7CE

#CE8FA7

#CEB58F

Tetradic

#8FC7CE

#B58FCE

#CE968F

#A7CE8F

Color Blindness Simulation

Original

#8FC7CE

Protanopia

#A7A8CC

Deuteranopia

#A4A0CC

Tritanopia

#92CBCB

Achromatopsia

#BCBCBC

CSS Usage

background-color: #8FC7CE;
color: #8FC7CE;
border-color: #8FC7CE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F5F9FA
100
#E7F2F3
200
#CDE6E9
300
#AAD4DA
400
#7CBDC6
500
#4EA6B1
600
#3E858E
700
#326A72
800
#275359
900
#1F3E41
950
#142729

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

11.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026