#8FDCE3

#8FDCE3

Color Values

HEX

#8FDCE3

RGB

143, 220, 227

HSL

185.0, 60.0%, 72.5%

HSV

185.0, 37.0%, 89.0%

CMYK

37.0%, 3.1%, 0.0%, 11.0%

OKLCH

0.847 0.0765 203.1

Properties

Cool Light Nearest: cadetblue 2

Color Harmonies

Complementary

#8FDCE3

#E3968F

Analogous

#8FE3C0

#8FB2E3

#8FDCE3

Triadic

#8FDCE3

#E38FDC

#DCE38F

Split Complementary

#8FDCE3

#E38FB2

#E3C08F

Tetradic

#8FDCE3

#C08FE3

#E3968F

#B2E38F

Color Blindness Simulation

Original

#8FDCE3

Protanopia

#B0B1E1

Deuteranopia

#ACA6E1

Tritanopia

#93E0E0

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F3FBFB
100
#E4F5F6
200
#C6EDF1
300
#9DE0E7
400
#68D0D9
500
#33BFCC
600
#2999A3
700
#217A83
800
#1A6066
900
#16464B
950
#0E2C2F

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

13.51: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