#9BC7F5

#9BC7F5

Color Values

HEX

#9BC7F5

RGB

155, 199, 245

HSL

210.7, 81.8%, 78.4%

HSV

210.7, 36.7%, 96.1%

CMYK

36.7%, 18.8%, 0.0%, 3.9%

OKLCH

0.8147 0.0803 250.0

Properties

Cool Light Nearest: skyblue 2

Color Harmonies

Complementary

#9BC7F5

#F5C99B

Analogous

#9BF4F5

#9C9BF5

#9BC7F5

Triadic

#9BC7F5

#F59BC7

#C7F59B

Split Complementary

#9BC7F5

#F59C9B

#F4F59B

Tetradic

#9BC7F5

#F59BF4

#F5C99B

#9BF59C

Color Blindness Simulation

Original

#9BC7F5

Protanopia

#AEAEEA

Deuteranopia

#ACA8E7

Tritanopia

#9DE1DF

Achromatopsia

#C1C1C1

CSS Usage

background-color: #9BC7F5;
color: #9BC7F5;
border-color: #9BC7F5;
Nearest Tailwind: Blue 300 #93C5FD

Tailwind Shades

50
#F2F7FD
100
#E1EDFA
200
#BEDBF9
300
#90C1F4
400
#539FEE
500
#177DE8
600
#1364B9
700
#0F5094
800
#0C3F74
900
#0D3054
950
#081E35

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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