#9FE5F2

#9FE5F2

Color Values

HEX

#9FE5F2

RGB

159, 229, 242

HSL

189.4, 76.1%, 78.6%

HSV

189.4, 34.3%, 94.9%

CMYK

34.3%, 5.4%, 0.0%, 5.1%

OKLCH

0.88 0.0719 210.4

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#9FE5F2

#F2AC9F

Analogous

#9FF2D5

#9FBBF2

#9FE5F2

Triadic

#9FE5F2

#F29FE5

#E5F29F

Split Complementary

#9FE5F2

#F29FBB

#F2D59F

Tetradic

#9FE5F2

#D59FF2

#F2AC9F

#BBF29F

Color Blindness Simulation

Original

#9FE5F2

Protanopia

#BDBEEF

Deuteranopia

#B9B4EE

Tritanopia

#A2ECEC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2FBFC
100
#E2F5F9
200
#C0EEF6
300
#93E2F0
400
#59D2E8
500
#1EC2E1
600
#189BB4
700
#147C90
800
#0F6170
900
#0F4752
950
#0A2D34

Contrast Checker

Text on white

1.4:1

AA Fail AAA Fail

Text on black

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