#98ACEB

#98ACEB

Color Values

HEX

#98ACEB

RGB

152, 172, 235

HSL

225,5, 67,5%, 75,9%

HSV

225,5, 35,3%, 92,2%

CMYK

35,3%, 26,8%, 0,0%, 7,8%

OKLCH

0,7527 0,0939 270,5

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#98ACEB

#EBD798

Analogous

#98D6EB

#AD98EB

#98ACEB

Triadic

#98ACEB

#EB98AC

#ACEB98

Split Complementary

#98ACEB

#EBAD98

#D6EB98

Tetradic

#98ACEB

#EB98D6

#EBD798

#98EBAD

Color Blindness Simulation

Original

#98ACEB

Protanopia

#A1A1DC

Deuteranopia

#A09ED8

Tritanopia

#99D0CD

Achromatopsia

#ACACAC

CSS Usage

background-color: #98ACEB;
color: #98ACEB;
border-color: #98ACEB;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F3F5FC
100
#E3E8F7
200
#C3CFF3
300
#98ACEB
400
#6180E0
500
#2953D6
600
#2142AB
700
#1B3589
800
#152A6B
900
#13214E
950
#0C1531

Contrast Checker

Text on white

2,23:1

AA Fail AAA Fail

Text on black

9,44: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