#456575

#456575

Color Values

HEX

#456575

RGB

69, 101, 117

HSL

200.0, 25.8%, 36.5%

HSV

200.0, 41.0%, 45.9%

CMYK

41.0%, 13.7%, 0.0%, 54.1%

OKLCH

0.4884 0.0452 230.5

Properties

Cool Dark Nearest: RAL 5025 Pearl Gentian Blue

Color Harmonies

Complementary

#456575

#755545

Analogous

#45756D

#454D75

#456575

Triadic

#456575

#754565

#657545

Split Complementary

#456575

#75454D

#756D45

Tetradic

#456575

#6D4575

#755545

#4D7545

Color Blindness Simulation

Original

#456575

Protanopia

#535371

Deuteranopia

#514F70

Tritanopia

#476E6D

Achromatopsia

#5F5F5F

CSS Usage

background-color: #456575;
color: #456575;
border-color: #456575;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DEE5
300
#B2C7D2
400
#88A9B9
500
#5F8AA0
600
#4C6F80
700
#3D5967
800
#2F4550
900
#25343C
950
#172126

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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