#7F90AA

#7F90AA

Color Values

HEX

#7F90AA

RGB

127, 144, 170

HSL

216.3, 20.2%, 58.2%

HSV

216.3, 25.3%, 66.7%

CMYK

25.3%, 15.3%, 0.0%, 33.3%

OKLCH

0.649 0.0437 258.8

Properties

Cool Light Nearest: lightslategrey

Color Harmonies

Complementary

#7F90AA

#AA997F

Analogous

#7FA5AA

#837FAA

#7F90AA

Triadic

#7F90AA

#AA7F90

#90AA7F

Split Complementary

#7F90AA

#AA837F

#A5AA7F

Tetradic

#7F90AA

#AA7FA5

#AA997F

#7FAA83

Color Blindness Simulation

Original

#7F90AA

Protanopia

#8687A4

Deuteranopia

#8584A2

Tritanopia

#809F9E

Achromatopsia

#8E8E8E

CSS Usage

background-color: #7F90AA;
color: #7F90AA;
border-color: #7F90AA;
Nearest Tailwind: Slate 400 #94A3B8

Tailwind Shades

50
#F6F7F9
100
#EAEDF0
200
#D4DAE3
300
#B5BFCE
400
#8E9DB4
500
#667A99
600
#51627B
700
#414E62
800
#333D4D
900
#282F39
950
#191D24

Contrast Checker

Text on white

3.24:1

AA Fail AAA Fail

Text on black

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