#85AADB

#85AADB

Color Values

HEX

#85AADB

RGB

133, 170, 219

HSL

214.2, 54.4%, 69.0%

HSV

214.2, 39.3%, 85.9%

CMYK

39.3%, 22.4%, 0.0%, 14.1%

OKLCH

0.7292 0.0824 255.6

Properties

Cool Light Nearest: skyblue 3

Color Harmonies

Complementary

#85AADB

#DBB685

Analogous

#85D5DB

#8B85DB

#85AADB

Triadic

#85AADB

#DB85AA

#AADB85

Split Complementary

#85AADB

#DB8B85

#D5DB85

Tetradic

#85AADB

#DB85D5

#DBB685

#85DB8B

Color Blindness Simulation

Original

#85AADB

Protanopia

#9595CF

Deuteranopia

#9390CC

Tritanopia

#87C6C4

Achromatopsia

#A6A6A6

CSS Usage

background-color: #85AADB;
color: #85AADB;
border-color: #85AADB;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8D9EF
300
#A1BDE3
400
#6D99D4
500
#3A76C5
600
#2F5E9D
700
#254B7E
800
#1D3B62
900
#192D48
950
#101D2E

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.77:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026