#85AFFC

#85AFFC

Color Values

HEX

#85AFFC

RGB

133, 175, 252

HSL

218.8, 95.2%, 75.5%

HSV

218.8, 47.2%, 98.8%

CMYK

47.2%, 30.6%, 0.0%, 1.2%

OKLCH

0.7547 0.1207 262.0

Properties

Cool Light Nearest: steelblue 1

Color Harmonies

Complementary

#85AFFC

#FCD285

Analogous

#85EBFC

#9685FC

#85AFFC

Triadic

#85AFFC

#FC85AF

#AFFC85

Split Complementary

#85AFFC

#FC9685

#EBFC85

Tetradic

#85AFFC

#FC85EB

#FCD285

#85FC96

Color Blindness Simulation

Original

#85AFFC

Protanopia

#9798E9

Deuteranopia

#9592E5

Tritanopia

#87DBD7

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D1FD
300
#88B1FC
400
#4786FA
500
#065CF9
600
#054AC7
700
#043B9F
800
#032E7C
900
#07245A
950
#041739

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026