#415D55

#415D55

Color Values

HEX

#415D55

RGB

65, 93, 85

HSL

162.9, 17.7%, 31.0%

HSV

162.9, 30.1%, 36.5%

CMYK

30.1%, 0.0%, 8.6%, 63.5%

OKLCH

0.4535 0.0359 175.0

Properties

Cool Dark Nearest: darkslategrey

Color Harmonies

Complementary

#415D55

#5D4149

Analogous

#415D47

#41575D

#415D55

Triadic

#415D55

#55415D

#5D5541

Split Complementary

#415D55

#5D4157

#5D4741

Tetradic

#415D55

#47415D

#5D4149

#575D41

Color Blindness Simulation

Original

#415D55

Protanopia

#4D4D57

Deuteranopia

#4C4957

Tritanopia

#425859

Achromatopsia

#565656

CSS Usage

background-color: #415D55;
color: #415D55;
border-color: #415D55;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DE
300
#B7CDC6
400
#90B1A8
500
#699689
600
#54786E
700
#436058
800
#344B45
900
#293834
950
#1A2321

Contrast Checker

Text on white

7.19:1

AA Pass AAA Pass

Text on black

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