#85BFCE

#85BFCE

Color Values

HEX

#85BFCE

RGB

133, 191, 206

HSL

192.3, 42.7%, 66.5%

HSV

192.3, 35.4%, 80.8%

CMYK

35.4%, 7.3%, 0.0%, 19.2%

OKLCH

0.77 0.0635 215.7

Properties

Cool Light Nearest: lightblue 3

Color Harmonies

Complementary

#85BFCE

#CE9485

Analogous

#85CEB9

#859BCE

#85BFCE

Triadic

#85BFCE

#CE85BF

#BFCE85

Split Complementary

#85BFCE

#CE859B

#CEB985

Tetradic

#85BFCE

#B985CE

#CE9485

#9BCE85

Color Blindness Simulation

Original

#85BFCE

Protanopia

#9E9FCA

Deuteranopia

#9B96CA

Tritanopia

#88C8C7

Achromatopsia

#B4B4B4

CSS Usage

background-color: #85BFCE;
color: #85BFCE;
border-color: #85BFCE;
Nearest Tailwind: Sky 300 #7DD3FC

Tailwind Shades

50
#F5F9FA
100
#E7F1F4
200
#CCE4EB
300
#A8D1DC
400
#78B8C9
500
#49A0B6
600
#3A8092
700
#2F6674
800
#25505B
900
#1E3B43
950
#13262A

Contrast Checker

Text on white

2.03:1

AA Fail AAA Fail

Text on black

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