#918FA2

#918FA2

Color Values

HEX

#918FA2

RGB

145, 143, 162

HSL

246.3, 9.3%, 59.8%

HSV

246.3, 11.7%, 63.5%

CMYK

10.5%, 11.7%, 0.0%, 36.5%

OKLCH

0.658 0.028 290.4

Properties

Cool Light Nearest: Manatee

Color Harmonies

Complementary

#918FA2

#A0A28F

Analogous

#8F96A2

#9A8FA2

#918FA2

Triadic

#918FA2

#A2918F

#8FA291

Split Complementary

#918FA2

#A29A8F

#96A28F

Tetradic

#918FA2

#A28F96

#A0A28F

#8FA29A

Color Blindness Simulation

Original

#918FA2

Protanopia

#90909D

Deuteranopia

#90909C

Tritanopia

#919A99

Achromatopsia

#919191

CSS Usage

background-color: #918FA2;
color: #918FA2;
border-color: #918FA2;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F7F7F8
100
#ECECEF
200
#D9D8DF
300
#BDBCC7
400
#9A98A9
500
#76748B
600
#5F5D6F
700
#4C4A59
800
#3B3A46
900
#2D2C35
950
#1D1C21

Contrast Checker

Text on white

3.16:1

AA Fail AAA Fail

Text on black

6.65:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026