#456263

#456263

Color Values

HEX

#456263

RGB

69, 98, 99

HSL

182.0, 17.9%, 32.9%

HSV

182.0, 30.3%, 38.8%

CMYK

30.3%, 1.0%, 0.0%, 61.2%

OKLCH

0.4738 0.0341 198.8

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#456263

#634645

Analogous

#456355

#455363

#456263

Triadic

#456263

#634562

#626345

Split Complementary

#456263

#634553

#635545

Tetradic

#456263

#554563

#634645

#536345

Color Blindness Simulation

Original

#456263

Protanopia

#525263

Deuteranopia

#504E63

Tritanopia

#466363

Achromatopsia

#5C5C5C

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAF0F0
200
#D5E1E2
300
#B7CCCD
400
#90B0B2
500
#699596
600
#547778
700
#435F60
800
#344A4B
900
#293838
950
#1A2324

Contrast Checker

Text on white

6.6:1

AA Pass AAA Fail

Text on black

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