#458169

#458169

Color Values

HEX

#458169

RGB

69, 129, 105

HSL

156.0, 30.3%, 38.8%

HSV

156.0, 46.5%, 50.6%

CMYK

46.5%, 0.0%, 18.6%, 49.4%

OKLCH

0.5553 0.0739 165.9

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#458169

#81455D

Analogous

#45814B

#457B81

#458169

Triadic

#458169

#694581

#816945

Split Complementary

#458169

#81457B

#814B45

Tetradic

#458169

#4B4581

#81455D

#7B8145

Color Blindness Simulation

Original

#458169

Protanopia

#5F606F

Deuteranopia

#5C5770

Tritanopia

#487374

Achromatopsia

#737373

CSS Usage

background-color: #458169;
color: #458169;
border-color: #458169;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D0E6DD
300
#AFD4C6
400
#84BDA6
500
#59A687
600
#47856C
700
#396A57
800
#2C5344
900
#233E33
950
#162720

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

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