#457174

#457174

Color Values

HEX

#457174

RGB

69, 113, 116

HSL

183.8, 25.4%, 36.3%

HSV

183.8, 40.5%, 45.5%

CMYK

40.5%, 2.6%, 0.0%, 54.5%

OKLCH

0.5179 0.0488 201.3

Properties

Cool Dark Nearest: cadetblue 4

Color Harmonies

Complementary

#457174

#744845

Analogous

#457460

#455A74

#457174

Triadic

#457174

#744571

#717445

Split Complementary

#457174

#74455A

#746045

Tetradic

#457174

#604574

#744845

#5A7445

Color Blindness Simulation

Original

#457174

Protanopia

#585873

Deuteranopia

#565273

Tritanopia

#477373

Achromatopsia

#686868

CSS Usage

background-color: #457174;
color: #457174;
border-color: #457174;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F6F9F9
100
#E9F1F1
200
#D2E3E4
300
#B2CFD1
400
#89B6B9
500
#5F9CA0
600
#4C7D80
700
#3D6466
800
#304E50
900
#253A3C
950
#182526

Contrast Checker

Text on white

5.43:1

AA Pass AAA Fail

Text on black

3.87:1

AA Fail 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