#9FE1F2

#9FE1F2

Color Values

HEX

#9FE1F2

RGB

159, 225, 242

HSL

192.3, 76.1%, 78.6%

HSV

192.3, 34.3%, 94.9%

CMYK

34.3%, 7.0%, 0.0%, 5.1%

OKLCH

0.8713 0.0702 215.5

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#9FE1F2

#F2B09F

Analogous

#9FF2D9

#9FB7F2

#9FE1F2

Triadic

#9FE1F2

#F29FE1

#E1F29F

Split Complementary

#9FE1F2

#F29FB7

#F2D99F

Tetradic

#9FE1F2

#D99FF2

#F2B09F

#B7F29F

Color Blindness Simulation

Original

#9FE1F2

Protanopia

#BCBCEE

Deuteranopia

#B8B3ED

Tritanopia

#A2EBEA

Achromatopsia

#D4D4D4

CSS Usage

background-color: #9FE1F2;
color: #9FE1F2;
border-color: #9FE1F2;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F2FAFC
100
#E2F4F9
200
#C0EBF6
300
#93DDF0
400
#59CBE8
500
#1EB9E1
600
#1894B4
700
#147690
800
#0F5C70
900
#0F4452
950
#0A2B34

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.53:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026