#45672B

#45672B

Color Values

HEX

#45672B

RGB

69, 103, 43

HSL

94,0, 41,1%, 28,6%

HSV

94,0, 58,3%, 40,4%

CMYK

33,0%, 0,0%, 58,3%, 59,6%

OKLCH

0,473 0,0963 133,4

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#45672B

#4D2B67

Analogous

#63672B

#2B672F

#45672B

Triadic

#45672B

#2B4567

#672B45

Split Complementary

#45672B

#2F2B67

#672B63

Tetradic

#45672B

#2B6367

#4D2B67

#672F2B

Color Blindness Simulation

Original

#45672B

Protanopia

#54543A

Deuteranopia

#524F3D

Tritanopia

#474548

Achromatopsia

#5B5B5B

CSS Usage

background-color: #45672B;
color: #45672B;
border-color: #45672B;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D9EACD
300
#BEDBA9
400
#9BC77A
500
#79B44B
600
#60903C
700
#4D7330
800
#3C5A26
900
#2E421F
950
#1D2A13

Contrast Checker

Text on white

6,51:1

AA Pass AAA Fail

Text on black

3,23:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026