#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

فبراير 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

فبراير 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

فبراير 19, 2026