#9FC9F2

#9FC9F2

Color Values

HEX

#9FC9F2

RGB

159, 201, 242

HSL

209.6, 76.1%, 78.6%

HSV

209.6, 34.3%, 94.9%

CMYK

34.3%, 16.9%, 0.0%, 5.1%

OKLCH

0.8202 0.0732 248.1

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9FC9F2

#F2C89F

Analogous

#9FF2F1

#9F9FF2

#9FC9F2

Triadic

#9FC9F2

#F29FC9

#C9F29F

Split Complementary

#9FC9F2

#F29F9F

#F2F19F

Tetradic

#9FC9F2

#F19FF2

#F2C89F

#9FF29F

Color Blindness Simulation

Original

#9FC9F2

Protanopia

#B1B2E8

Deuteranopia

#AFACE6

Tritanopia

#A1E0DF

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F2F7FC
100
#E2EDF9
200
#C0DCF6
300
#93C2F0
400
#59A2E8
500
#1E81E1
600
#1867B4
700
#145290
800
#0F4070
900
#0F3152
950
#0A1F34

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

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