#9BADE9

#9BADE9

Color Values

HEX

#9BADE9

RGB

155, 173, 233

HSL

226.2, 63.9%, 76.1%

HSV

226.2, 33.5%, 91.4%

CMYK

33.5%, 25.8%, 0.0%, 8.6%

OKLCH

0.7559 0.089 271.3

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#9BADE9

#E9D79B

Analogous

#9BD4E9

#B09BE9

#9BADE9

Triadic

#9BADE9

#E99BAD

#ADE99B

Split Complementary

#9BADE9

#E9B09B

#D4E99B

Tetradic

#9BADE9

#E99BD4

#E9D79B

#9BE9B0

Color Blindness Simulation

Original

#9BADE9

Protanopia

#A3A3DA

Deuteranopia

#A2A0D7

Tritanopia

#9CCFCC

Achromatopsia

#AEAEAE

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C4CFF2
300
#9BADE9
400
#6480DD
500
#2E54D1
600
#2543A7
700
#1D3586
800
#172A68
900
#15214C
950
#0D1530

Contrast Checker

Text on white

2.2:1

AA Fail AAA Fail

Text on black

9.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026