#85D3CC

#85D3CC

Color Values

HEX

#85D3CC

RGB

133, 211, 204

HSL

174.6, 47.0%, 67.5%

HSV

174.6, 37.0%, 82.7%

CMYK

37.0%, 0.0%, 3.3%, 17.3%

OKLCH

0.8144 0.0778 188.5

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#85D3CC

#D3858C

Analogous

#85D3A5

#85B3D3

#85D3CC

Triadic

#85D3CC

#CC85D3

#D3CC85

Split Complementary

#85D3CC

#D385B3

#D3A585

Tetradic

#85D3CC

#A585D3

#D3858C

#B3D385

Color Blindness Simulation

Original

#85D3CC

Protanopia

#A7A7CE

Deuteranopia

#A29CCE

Tritanopia

#89CFCF

Achromatopsia

#C2C2C2

CSS Usage

background-color: #85D3CC;
color: #85D3CC;
border-color: #85D3CC;
Nearest Tailwind: Teal 200 #99F6E4

Tailwind Shades

50
#F4FAFA
100
#E6F4F3
200
#CBECE9
300
#A5DFD9
400
#74CDC5
500
#44BBB1
600
#36968D
700
#2B7871
800
#225E58
900
#1C4541
950
#122C29

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.19:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026