#9FCEF2

#9FCEF2

Color Values

HEX

#9FCEF2

RGB

159, 206, 242

HSL

206.0, 76.1%, 78.6%

HSV

206.0, 34.3%, 94.9%

CMYK

34.3%, 14.9%, 0.0%, 5.1%

OKLCH

0.8307 0.0708 241.6

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9FCEF2

#F2C39F

Analogous

#9FF2EC

#9FA4F2

#9FCEF2

Triadic

#9FCEF2

#F29FCE

#CEF29F

Split Complementary

#9FCEF2

#F29FA4

#F2EC9F

Tetradic

#9FCEF2

#EC9FF2

#F2C39F

#A4F29F

Color Blindness Simulation

Original

#9FCEF2

Protanopia

#B3B4E9

Deuteranopia

#B1ADE7

Tritanopia

#A1E2E1

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2F8FC
100
#E2EFF9
200
#C0DFF6
300
#93C8F0
400
#59AAE8
500
#1E8CE1
600
#1870B4
700
#145A90
800
#0F4670
900
#0F3552
950
#0A2134

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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