#9FBADE

#9FBADE

Color Values

HEX

#9FBADE

RGB

159, 186, 222

HSL

214.3, 48.8%, 74.7%

HSV

214.3, 28.4%, 87.1%

CMYK

28.4%, 16.2%, 0.0%, 12.9%

OKLCH

0.7811 0.0595 255.7

Properties

Cool Light Nearest: Wild Blue Yonder

Color Harmonies

Complementary

#9FBADE

#DEC39F

Analogous

#9FD9DE

#A49FDE

#9FBADE

Triadic

#9FBADE

#DE9FBA

#BADE9F

Split Complementary

#9FBADE

#DEA49F

#D9DE9F

Tetradic

#9FBADE

#DE9FD9

#DEC39F

#9FDEA4

Color Blindness Simulation

Original

#9FBADE

Protanopia

#ABABD5

Deuteranopia

#A9A7D3

Tritanopia

#A0CECD

Achromatopsia

#B7B7B7

CSS Usage

background-color: #9FBADE;
color: #9FBADE;
border-color: #9FBADE;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F4F7FB
100
#E6ECF5
200
#CAD9ED
300
#A4BEE0
400
#739ACF
500
#4177BE
600
#345F98
700
#2A4C79
800
#213B5F
900
#1B2D46
950
#111D2C

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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