#9FC7F0

#9FC7F0

Color Values

HEX

#9FC7F0

RGB

159, 199, 240

HSL

210.4, 73.0%, 78.2%

HSV

210.4, 33.8%, 94.1%

CMYK

33.8%, 17.1%, 0.0%, 5.9%

OKLCH

0.8152 0.0722 249.4

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#9FC7F0

#F0C89F

Analogous

#9FEFF0

#9F9FF0

#9FC7F0

Triadic

#9FC7F0

#F09FC7

#C7F09F

Split Complementary

#9FC7F0

#F09F9F

#EFF09F

Tetradic

#9FC7F0

#F09FEF

#F0C89F

#9FF09F

Color Blindness Simulation

Original

#9FC7F0

Protanopia

#B0B1E6

Deuteranopia

#AEABE4

Tritanopia

#A1DEDD

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EDF8
200
#C1DBF5
300
#95C1EE
400
#5CA0E6
500
#227EDD
600
#1C65B0
700
#16518D
800
#113F6E
900
#113050
950
#0A1E33

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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