#9FC2DE

#9FC2DE

Color Values

HEX

#9FC2DE

RGB

159, 194, 222

HSL

206.7, 48.8%, 74.7%

HSV

206.7, 28.4%, 87.1%

CMYK

28.4%, 12.6%, 0.0%, 12.9%

OKLCH

0.7979 0.0548 242.5

Properties

Cool Light Nearest: NCS S 0520-B Light Blue

Color Harmonies

Complementary

#9FC2DE

#DEBB9F

Analogous

#9FDEDB

#9FA2DE

#9FC2DE

Triadic

#9FC2DE

#DE9FC2

#C2DE9F

Split Complementary

#9FC2DE

#DE9FA2

#DEDB9F

Tetradic

#9FC2DE

#DB9FDE

#DEBB9F

#A2DE9F

Color Blindness Simulation

Original

#9FC2DE

Protanopia

#AEAED7

Deuteranopia

#ACAAD6

Tritanopia

#A1D2D1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #9FC2DE;
color: #9FC2DE;
border-color: #9FC2DE;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F8FB
100
#E6EEF5
200
#CADDED
300
#A4C5E0
400
#73A6CF
500
#4186BE
600
#346B98
700
#2A5679
800
#21435F
900
#1B3346
950
#11202C

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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