#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

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026