#45865E

#45865E

Color Values

HEX

#45865E

RGB

69, 134, 94

HSL

143.1, 32.0%, 39.8%

HSV

143.1, 48.5%, 52.5%

CMYK

48.5%, 0.0%, 29.9%, 47.5%

OKLCH

0.5654 0.0919 155.1

Properties

Cool Light Nearest: aquamarine 4

Color Harmonies

Complementary

#45865E

#86456D

Analogous

#4C8645

#45867E

#45865E

Triadic

#45865E

#5E4586

#865E45

Split Complementary

#45865E

#7E4586

#86454C

Tetradic

#45865E

#454C86

#86456D

#867E45

Color Blindness Simulation

Original

#45865E

Protanopia

#616268

Deuteranopia

#5D586A

Tritanopia

#486F71

Achromatopsia

#757575

CSS Usage

background-color: #45865E;
color: #45865E;
border-color: #45865E;
Nearest Tailwind: Emerald 700 #047857

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D9
300
#AED5BD
400
#82BF9A
500
#57A876
600
#45875E
700
#376C4C
800
#2B543B
900
#223E2D
950
#16271D

Contrast Checker

Text on white

4.35:1

AA Fail AAA Fail

Text on black

4.82:1

AA Pass 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