#9BF3FC

#9BF3FC

Color Values

HEX

#9BF3FC

RGB

155, 243, 252

HSL

185.6, 94.2%, 79.8%

HSV

185.6, 38.5%, 98.8%

CMYK

38.5%, 3.6%, 0.0%, 1.2%

OKLCH

0.9117 0.0854 204.0

Properties

Cool Light Nearest: cadetblue 1

Color Harmonies

Complementary

#9BF3FC

#FCA49B

Analogous

#9BFCD5

#9BC2FC

#9BF3FC

Triadic

#9BF3FC

#FC9BF3

#F3FC9B

Split Complementary

#9BF3FC

#FC9BC2

#FCD59B

Tetradic

#9BF3FC

#D59BFC

#FCA49B

#C2FC9B

Color Blindness Simulation

Original

#9BF3FC

Protanopia

#C1C2FA

Deuteranopia

#BCB5F9

Tritanopia

#9FF8F8

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BAF7FD
300
#88F1FB
400
#48E9FA
500
#07E1F8
600
#06B4C6
700
#05909E
800
#04717C
900
#07525A
950
#053439

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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