#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026