#85E2BA

#85E2BA

Color Values

HEX

#85E2BA

RGB

133, 226, 186

HSL

154.2, 61.6%, 70.4%

HSV

154.2, 41.2%, 88.6%

CMYK

41.2%, 0.0%, 17.7%, 11.4%

OKLCH

0.8437 0.1063 164.6

Properties

Cool Light Nearest: aquamarine 2

Color Harmonies

Complementary

#85E2BA

#E285AD

Analogous

#85E28C

#85DCE2

#85E2BA

Triadic

#85E2BA

#BA85E2

#E2BA85

Split Complementary

#85E2BA

#E285DC

#E28C85

Tetradic

#85E2BA

#8C85E2

#E285AD

#DCE285

Color Blindness Simulation

Original

#85E2BA

Protanopia

#ADAEC4

Deuteranopia

#A8A1C6

Tritanopia

#8ACBCD

Achromatopsia

#CBCBCB

CSS Usage

background-color: #85E2BA;
color: #85E2BA;
border-color: #85E2BA;
Nearest Tailwind: Emerald 300 #6EE7B7

Tailwind Shades

50
#F3FBF8
100
#E4F6EE
200
#C5F1DE
300
#9CE7C7
400
#67DBA9
500
#31CE8A
600
#27A56F
700
#1F8459
800
#186745
900
#164B34
950
#0E3021

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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