#85BCB2

#85BCB2

Color Values

HEX

#85BCB2

RGB

133, 188, 178

HSL

169.1, 29.1%, 62.9%

HSV

169.1, 29.3%, 73.7%

CMYK

29.3%, 0.0%, 5.3%, 26.3%

OKLCH

0.7541 0.0592 182.1

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#85BCB2

#BC858F

Analogous

#85BC96

#85AABC

#85BCB2

Triadic

#85BCB2

#B285BC

#BCB285

Split Complementary

#85BCB2

#BC85AA

#BC9685

Tetradic

#85BCB2

#9685BC

#BC858F

#AABC85

Color Blindness Simulation

Original

#85BCB2

Protanopia

#9D9DB4

Deuteranopia

#9A96B5

Tritanopia

#88B6B7

Achromatopsia

#B0B0B0

CSS Usage

background-color: #85BCB2;
color: #85BCB2;
border-color: #85BCB2;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F5F9F9
100
#E9F2F0
200
#D1E6E2
300
#B0D4CD
400
#85BCB2
500
#5AA597
600
#488479
700
#3A6961
800
#2D524C
900
#243D39
950
#172724

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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