#416265

#416265

Color Values

HEX

#416265

RGB

65, 98, 101

HSL

185.0, 21.7%, 32.5%

HSV

185.0, 35.6%, 39.6%

CMYK

35.6%, 3.0%, 0.0%, 60.4%

OKLCH

0.472 0.0385 203.1

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#416265

#654441

Analogous

#416556

#415065

#416265

Triadic

#416265

#654162

#626541

Split Complementary

#416265

#654150

#655641

Tetradic

#416265

#564165

#654441

#506541

Color Blindness Simulation

Original

#416265

Protanopia

#4F5064

Deuteranopia

#4D4B64

Tritanopia

#436464

Achromatopsia

#5B5B5B

CSS Usage

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

Tailwind Shades

50
#F6F9F9
100
#EAF0F0
200
#D4E2E3
300
#B5CDCF
400
#8CB2B5
500
#64979B
600
#50787C
700
#406063
800
#324B4E
900
#27383A
950
#192425

Contrast Checker

Text on white

6.65:1

AA Pass AAA Fail

Text on black

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