#9FD1F7

#9FD1F7

Color Values

HEX

#9FD1F7

RGB

159, 209, 247

HSL

205.9, 84.6%, 79.6%

HSV

205.9, 35.6%, 96.9%

CMYK

35.6%, 15.4%, 0.0%, 3.1%

OKLCH

0.8389 0.0746 241.5

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9FD1F7

#F7C59F

Analogous

#9FF7F1

#9FA5F7

#9FD1F7

Triadic

#9FD1F7

#F79FD1

#D1F79F

Split Complementary

#9FD1F7

#F79FA5

#F7F19F

Tetradic

#9FD1F7

#F19FF7

#F7C59F

#A5F79F

Color Blindness Simulation

Original

#9FD1F7

Protanopia

#B5B5EE

Deuteranopia

#B2AEEC

Tritanopia

#A1E7E5

Achromatopsia

#C9C9C9

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EFFA
200
#BDDFFA
300
#8EC9F6
400
#51ACF0
500
#148EEB
600
#1072BC
700
#0D5B97
800
#0A4776
900
#0C3555
950
#072236

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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