#8FCBC4

#8FCBC4

Color Values

HEX

#8FCBC4

RGB

143, 203, 196

HSL

173,0, 36,6%, 67,8%

HSV

173,0, 29,6%, 79,6%

CMYK

29,6%, 0,0%, 3,4%, 20,4%

OKLCH

0,7992 0,0624 186,9

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#8FCBC4

#CB8F96

Analogous

#8FCBA6

#8FB4CB

#8FCBC4

Triadic

#8FCBC4

#C48FCB

#CBC48F

Split Complementary

#8FCBC4

#CB8FB4

#CBA68F

Tetradic

#8FCBC4

#A68FCB

#CB8F96

#B4CB8F

Color Blindness Simulation

Original

#8FCBC4

Protanopia

#A9AAC6

Deuteranopia

#A6A1C6

Tritanopia

#92C7C7

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

50
#F5FAF9
100
#E8F3F1
200
#CEE8E5
300
#ABD8D3
400
#7EC3BB
500
#51AEA3
600
#418B83
700
#346F68
800
#285752
900
#20403D
950
#152926

Contrast Checker

Text on white

1,82:1

AA Fail AAA Fail

Text on black

11,51: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