#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

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026