#465F72

#465F72

Color Values

HEX

#465F72

RGB

70, 95, 114

HSL

205.9, 23.9%, 36.1%

HSV

205.9, 38.6%, 44.7%

CMYK

38.6%, 16.7%, 0.0%, 55.3%

OKLCH

0.473 0.043 241.6

Properties

Cool Dark Nearest: skyblue 4

Color Harmonies

Complementary

#465F72

#725946

Analogous

#46726F

#464972

#465F72

Triadic

#465F72

#72465F

#5F7246

Split Complementary

#465F72

#724649

#726F46

Tetradic

#465F72

#6F4672

#725946

#497246

Color Blindness Simulation

Original

#465F72

Protanopia

#51516D

Deuteranopia

#4F4E6C

Tritanopia

#476A69

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#EAEEF1
200
#D3DCE4
300
#B3C4D0
400
#8AA4B7
500
#61849E
600
#4E697E
700
#3E5465
800
#31424F
900
#26323B
950
#181F25

Contrast Checker

Text on white

6.69:1

AA Pass AAA Fail

Text on black

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