#9FBBF0

#9FBBF0

Color Values

HEX

#9FBBF0

RGB

159, 187, 240

HSL

219.3, 73.0%, 78.2%

HSV

219.3, 33.8%, 94.1%

CMYK

33.8%, 22.1%, 0.0%, 5.9%

OKLCH

0.7903 0.0819 262.9

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#9FBBF0

#F0D49F

Analogous

#9FE3F0

#AB9FF0

#9FBBF0

Triadic

#9FBBF0

#F09FBB

#BBF09F

Split Complementary

#9FBBF0

#F0AB9F

#E3F09F

Tetradic

#9FBBF0

#F09FE3

#F0D49F

#9FF0AB

Color Blindness Simulation

Original

#9FBBF0

Protanopia

#ABABE3

Deuteranopia

#AAA7E0

Tritanopia

#A0D9D7

Achromatopsia

#B9B9B9

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C1D3F5
300
#95B4EE
400
#5C8BE6
500
#2263DD
600
#1C4FB0
700
#163F8D
800
#11316E
900
#112750
950
#0A1833

Contrast Checker

Text on white

1.94:1

AA Fail AAA Fail

Text on black

10.84:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026