#9FBFF0

#9FBFF0

Color Values

HEX

#9FBFF0

RGB

159, 191, 240

HSL

216.3, 73.0%, 78.2%

HSV

216.3, 33.8%, 94.1%

CMYK

33.8%, 20.4%, 0.0%, 5.9%

OKLCH

0.7985 0.0782 258.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#9FBFF0

#F0D09F

Analogous

#9FE7F0

#A79FF0

#9FBFF0

Triadic

#9FBFF0

#F09FBF

#BFF09F

Split Complementary

#9FBFF0

#F0A79F

#E7F09F

Tetradic

#9FBFF0

#F09FE7

#F0D09F

#9FF0A7

Color Blindness Simulation

Original

#9FBFF0

Protanopia

#ADADE4

Deuteranopia

#ABA9E1

Tritanopia

#A1DBD9

Achromatopsia

#BCBCBC

CSS Usage

background-color: #9FBFF0;
color: #9FBFF0;
border-color: #9FBFF0;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D6F5
300
#95B8EE
400
#5C92E6
500
#226CDD
600
#1C56B0
700
#16458D
800
#11366E
900
#112A50
950
#0A1A33

Contrast Checker

Text on white

1.88:1

AA Fail AAA Fail

Text on black

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