#85FEF2

#85FEF2

Color Values

HEX

#85FEF2

RGB

133, 254, 242

HSL

174.0, 98.4%, 75.9%

HSV

174.0, 47.6%, 99.6%

CMYK

47.6%, 0.0%, 4.7%, 0.4%

OKLCH

0.9234 0.1111 187.0

Properties

Cool Light Nearest: turquoise

Color Harmonies

Complementary

#85FEF2

#FE8591

Analogous

#85FEB5

#85CEFE

#85FEF2

Triadic

#85FEF2

#F285FE

#FEF285

Split Complementary

#85FEF2

#FE85CE

#FEB585

Tetradic

#85FEF2

#B585FE

#FE8591

#CEFE85

Color Blindness Simulation

Original

#85FEF2

Protanopia

#B9BAF5

Deuteranopia

#B2A9F6

Tritanopia

#8BF7F8

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DEFCF9
200
#B8FEF7
300
#86FEF2
400
#44FDEB
500
#02FDE4
600
#02CAB6
700
#01A292
800
#017E72
900
#065B53
950
#043A34

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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