#98ACEC

#98ACEC

Color Values

HEX

#98ACEC

RGB

152, 172, 236

HSL

225,7, 68,9%, 76,1%

HSV

225,7, 35,6%, 92,5%

CMYK

35,6%, 27,1%, 0,0%, 7,5%

OKLCH

0,7531 0,0953 270,6

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#98ACEC

#ECD898

Analogous

#98D6EC

#AE98EC

#98ACEC

Triadic

#98ACEC

#EC98AC

#ACEC98

Split Complementary

#98ACEC

#ECAE98

#D6EC98

Tetradic

#98ACEC

#EC98D6

#ECD898

#98ECAE

Color Blindness Simulation

Original

#98ACEC

Protanopia

#A1A1DD

Deuteranopia

#A09ED9

Tritanopia

#99D0CE

Achromatopsia

#ACACAC

CSS Usage

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

Tailwind Shades

50
#F3F5FC
100
#E3E8F8
200
#C3CEF4
300
#98ACEC
400
#607FE2
500
#2852D7
600
#2041AC
700
#19348A
800
#14296C
900
#12214E
950
#0C1532

Contrast Checker

Text on white

2,22:1

AA Fail AAA Fail

Text on black

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