#9BBCE8

#9BBCE8

Color Values

HEX

#9BBCE8

RGB

155, 188, 232

HSL

214.3, 62.6%, 75.9%

HSV

214.3, 33.2%, 91.0%

CMYK

33.2%, 19.0%, 0.0%, 9.0%

OKLCH

0.7865 0.0726 255.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#9BBCE8

#E8C79B

Analogous

#9BE3E8

#A19BE8

#9BBCE8

Triadic

#9BBCE8

#E89BBC

#BCE89B

Split Complementary

#9BBCE8

#E8A19B

#E3E89B

Tetradic

#9BBCE8

#E89BE3

#E8C79B

#9BE8A1

Color Blindness Simulation

Original

#9BBCE8

Protanopia

#A9AADD

Deuteranopia

#A7A5DB

Tritanopia

#9DD5D3

Achromatopsia

#B8B8B8

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF7
200
#C5D8F2
300
#9BBCE8
400
#6698DC
500
#3074CF
600
#265DA6
700
#1F4A85
800
#183A68
900
#152D4C
950
#0D1C30

Contrast Checker

Text on white

1.95:1

AA Fail AAA Fail

Text on black

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