#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

Fév 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Fév 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Fév 19, 2026