#368178

#368178

Color Values

HEX

#368178

RGB

54, 129, 120

HSL

172.8, 41.0%, 35.9%

HSV

172.8, 58.1%, 50.6%

CMYK

58.1%, 0.0%, 7.0%, 49.4%

OKLCH

0.5536 0.0755 184.6

Properties

Cool Dark Nearest: Pine Green

Color Harmonies

Complementary

#368178

#81363F

Analogous

#368153

#366581

#368178

Triadic

#368178

#783681

#817836

Split Complementary

#368178

#813665

#815336

Tetradic

#368178

#533681

#81363F

#658136

Color Blindness Simulation

Original

#368178

Protanopia

#56577A

Deuteranopia

#524C7B

Tritanopia

#3A7C7C

Achromatopsia

#707070

CSS Usage

background-color: #368178;
color: #368178;
border-color: #368178;
Nearest Tailwind: Teal 700 #0F766E

Tailwind Shades

50
#F5FAF9
100
#E7F3F2
200
#CDEAE6
300
#A9DBD5
400
#7AC7BE
500
#4BB4A7
600
#3C9086
700
#30736B
800
#265A54
900
#1F423E
950
#132A27

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.57:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026