#536748

#536748

Color Values

HEX

#536748

RGB

83, 103, 72

HSL

98.7, 17.7%, 34.3%

HSV

98.7, 30.1%, 40.4%

CMYK

19.4%, 0.0%, 30.1%, 59.6%

OKLCH

0.4884 0.0537 134.7

Properties

Cool Dark Nearest: RAL 6011 Reseda Green

Color Harmonies

Complementary

#536748

#5C4867

Analogous

#626748

#48674C

#536748

Triadic

#536748

#485367

#674853

Split Complementary

#536748

#4C4867

#674862

Tetradic

#536748

#486267

#5C4867

#674C48

Color Blindness Simulation

Original

#536748

Protanopia

#5C5C4F

Deuteranopia

#5A5951

Tritanopia

#545557

Achromatopsia

#616161

CSS Usage

background-color: #536748;
color: #536748;
border-color: #536748;
Nearest Tailwind: Green 900 #14532D

Tailwind Shades

50
#F7F9F6
100
#ECF0EA
200
#D9E2D5
300
#BFCDB7
400
#9CB190
500
#799669
600
#617854
700
#4D6043
800
#3C4B34
900
#2E3829
950
#1D231A

Contrast Checker

Text on white

6.17:1

AA Pass AAA Fail

Text on black

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