#85ABFF

#85ABFF

Color Values

HEX

#85ABFF

RGB

133, 171, 255

HSL

221.3, 100.0%, 76.1%

HSV

221.3, 47.8%, 100.0%

CMYK

47.8%, 32.9%, 0.0%, 0.0%

OKLCH

0.7479 0.1289 264.9

Properties

Cool Light Nearest: cornflowerblue

Color Harmonies

Complementary

#85ABFF

#FFD985

Analogous

#85E8FF

#9C85FF

#85ABFF

Triadic

#85ABFF

#FF85AB

#ABFF85

Split Complementary

#85ABFF

#FF9C85

#E8FF85

Tetradic

#85ABFF

#FF85E8

#FFD985

#85FF9C

Color Blindness Simulation

Original

#85ABFF

Protanopia

#9596EB

Deuteranopia

#9390E6

Tritanopia

#87DBD7

Achromatopsia

#A9A9A9

CSS Usage

background-color: #85ABFF;
color: #85ABFF;
border-color: #85ABFF;
Nearest Tailwind: Blue 400 #60A5FA

Tailwind Shades

50
#F1F5FE
100
#DEE7FC
200
#B8CEFF
300
#85ABFF
400
#427DFF
500
#004FFF
600
#0040CC
700
#0033A3
800
#002880
900
#05205C
950
#03143A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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