#9CBFF7

#9CBFF7

Color Values

HEX

#9CBFF7

RGB

156, 191, 247

HSL

216.9, 85.0%, 79.0%

HSV

216.9, 36.8%, 96.9%

CMYK

36.8%, 22.7%, 0.0%, 3.1%

OKLCH

0.7995 0.0886 259.7

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#9CBFF7

#F7D49C

Analogous

#9CECF7

#A69CF7

#9CBFF7

Triadic

#9CBFF7

#F79CBF

#BFF79C

Split Complementary

#9CBFF7

#F7A69C

#ECF79C

Tetradic

#9CBFF7

#F79CEC

#F7D49C

#9CF7A6

Color Blindness Simulation

Original

#9CBFF7

Protanopia

#ABABE9

Deuteranopia

#A9A6E6

Tritanopia

#9EDFDC

Achromatopsia

#BCBCBC

CSS Usage

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

Tailwind Shades

50
#F2F6FD
100
#E0EAFA
200
#BDD4FA
300
#8EB6F6
400
#508EF1
500
#1367EC
600
#0F52BD
700
#0C4297
800
#0A3376
900
#0B2856
950
#071936

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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