#9BACE9

#9BACE9

Color Values

HEX

#9BACE9

RGB

155, 172, 233

HSL

226.9, 63.9%, 76.1%

HSV

226.9, 33.5%, 91.4%

CMYK

33.5%, 26.2%, 0.0%, 8.6%

OKLCH

0.7539 0.0902 272.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9BACE9

#E9D89B

Analogous

#9BD3E9

#B19BE9

#9BACE9

Triadic

#9BACE9

#E99BAC

#ACE99B

Split Complementary

#9BACE9

#E9B19B

#D3E99B

Tetradic

#9BACE9

#E99BD3

#E9D89B

#9BE9B1

Color Blindness Simulation

Original

#9BACE9

Protanopia

#A2A3DA

Deuteranopia

#A1A0D7

Tritanopia

#9CCFCC

Achromatopsia

#ADADAD

CSS Usage

background-color: #9BACE9;
color: #9BACE9;
border-color: #9BACE9;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4CEF2
300
#9BACE9
400
#647FDD
500
#2E52D1
600
#2541A7
700
#1D3486
800
#172968
900
#15214C
950
#0D1530

Contrast Checker

Text on white

2.22:1

AA Fail AAA Fail

Text on black

9.47:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026