#366350

#366350

Color Values

HEX

#366350

RGB

54, 99, 80

HSL

154.7, 29.4%, 30.0%

HSV

154.7, 45.5%, 38.8%

CMYK

45.5%, 0.0%, 19.2%, 61.2%

OKLCH

0.4612 0.0593 164.9

Properties

Cool Dark Nearest: RAL 6000 Patina Green

Color Harmonies

Complementary

#366350

#633649

Analogous

#36633A

#365F63

#366350

Triadic

#366350

#503663

#635036

Split Complementary

#366350

#63365F

#633A36

Tetradic

#366350

#3A3663

#633649

#5F6336

Color Blindness Simulation

Original

#366350

Protanopia

#494A55

Deuteranopia

#474456

Tritanopia

#385859

Achromatopsia

#585858

CSS Usage

background-color: #366350;
color: #366350;
border-color: #366350;
Nearest Tailwind: Teal 800 #115E59

Tailwind Shades

50
#F5F9F8
100
#E9F2EE
200
#D1E6DD
300
#B0D4C5
400
#85BCA5
500
#5AA585
600
#48846B
700
#3A6A55
800
#2D5243
900
#243D32
950
#172720

Contrast Checker

Text on white

6.87:1

AA Pass AAA Fail

Text on black

3.06:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026