#9FBAE3

#9FBAE3

Color Values

HEX

#9FBAE3

RGB

159, 186, 227

HSL

216.2, 54.8%, 75.7%

HSV

216.2, 30.0%, 89.0%

CMYK

30.0%, 18.1%, 0.0%, 11.0%

OKLCH

0.783 0.0658 258.6

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#9FBAE3

#E3C89F

Analogous

#9FDCE3

#A69FE3

#9FBAE3

Triadic

#9FBAE3

#E39FBA

#BAE39F

Split Complementary

#9FBAE3

#E3A69F

#DCE39F

Tetradic

#9FBAE3

#E39FDC

#E3C89F

#9FE3A6

Color Blindness Simulation

Original

#9FBAE3

Protanopia

#ABABD9

Deuteranopia

#A9A7D7

Tritanopia

#A0D1D0

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5EBF5
200
#C8D7EF
300
#A0BBE3
400
#6D96D4
500
#3A71C5
600
#2E5A9E
700
#25487E
800
#1D3963
900
#192C48
950
#101B2E

Contrast Checker

Text on white

1.98:1

AA Fail AAA Fail

Text on black

10.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026