#456369

#456369

Color Values

HEX

#456369

RGB

69, 99, 105

HSL

190.0, 20.7%, 34.1%

HSV

190.0, 34.3%, 41.2%

CMYK

34.3%, 5.7%, 0.0%, 58.8%

OKLCH

0.4786 0.0364 211.4

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#456369

#694B45

Analogous

#45695D

#455169

#456369

Triadic

#456369

#694563

#636945

Split Complementary

#456369

#694551

#695D45

Tetradic

#456369

#5D4569

#694B45

#516945

Color Blindness Simulation

Original

#456369

Protanopia

#525268

Deuteranopia

#504E67

Tritanopia

#466666

Achromatopsia

#5D5D5D

CSS Usage

background-color: #456369;
color: #456369;
border-color: #456369;
Nearest Tailwind: Gray 600 #4B5563

Tailwind Shades

50
#F6F8F9
100
#EAEFF0
200
#D4E0E3
300
#B5CACE
400
#8DAEB4
500
#65919A
600
#51747B
700
#415D62
800
#33494D
900
#273639
950
#192224

Contrast Checker

Text on white

6.48:1

AA Pass AAA Fail

Text on black

3.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026