#9FCDF4

#9FCDF4

Color Values

HEX

#9FCDF4

RGB

159, 205, 244

HSL

207.5, 79.4%, 79.0%

HSV

207.5, 34.8%, 95.7%

CMYK

34.8%, 16.0%, 0.0%, 4.3%

OKLCH

0.8293 0.0733 244.4

Properties

Cool Light Nearest: Cornflower

Color Harmonies

Complementary

#9FCDF4

#F4C69F

Analogous

#9FF4F0

#9FA2F4

#9FCDF4

Triadic

#9FCDF4

#F49FCD

#CDF49F

Split Complementary

#9FCDF4

#F49FA2

#F4F09F

Tetradic

#9FCDF4

#F09FF4

#F4C69F

#A2F49F

Color Blindness Simulation

Original

#9FCDF4

Protanopia

#B3B3EB

Deuteranopia

#B0ADE8

Tritanopia

#A1E3E1

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDEF8
300
#91C6F2
400
#56A7EC
500
#1A88E5
600
#156DB7
700
#115792
800
#0D4472
900
#0E3353
950
#092034

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026