#458180

#458180

Color Values

HEX

#458180

RGB

69, 129, 128

HSL

179.0, 30.3%, 38.8%

HSV

179.0, 46.5%, 50.6%

CMYK

46.5%, 0.0%, 0.8%, 49.4%

OKLCH

0.5626 0.0626 194.1

Properties

Cool Light Nearest: RAL 6033 Mint Turquoise

Color Harmonies

Complementary

#458180

#814546

Analogous

#458162

#456481

#458180

Triadic

#458180

#804581

#818045

Split Complementary

#458180

#814564

#816245

Tetradic

#458180

#624581

#814546

#648145

Color Blindness Simulation

Original

#458180

Protanopia

#5F6080

Deuteranopia

#5C5780

Tritanopia

#488080

Achromatopsia

#747474

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F2
200
#D0E6E6
300
#AFD4D4
400
#84BDBC
500
#59A6A5
600
#478584
700
#396A6A
800
#2C5352
900
#233E3D
950
#162727

Contrast Checker

Text on white

4.46:1

AA Fail AAA Fail

Text on black

4.7:1

AA Pass AAA Fail

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