#45B18D

#45B18D

Color Values

HEX

#45B18D

RGB

69, 177, 141

HSL

160.0, 43.9%, 48.2%

HSV

160.0, 61.0%, 69.4%

CMYK

61.0%, 0.0%, 20.3%, 30.6%

OKLCH

0.6882 0.113 167.8

Properties

Cool Light Nearest: Jungle Green

Color Harmonies

Complementary

#45B18D

#B14569

Analogous

#45B157

#459FB1

#45B18D

Triadic

#45B18D

#8D45B1

#B18D45

Split Complementary

#45B18D

#B1459F

#B15745

Tetradic

#45B18D

#5745B1

#B14569

#9FB145

Color Blindness Simulation

Original

#45B18D

Protanopia

#747596

Deuteranopia

#6E6598

Tritanopia

#4A9D9E

Achromatopsia

#979797

CSS Usage

background-color: #45B18D;
color: #45B18D;
border-color: #45B18D;
Nearest Tailwind: Teal 500 #14B8A6

Tailwind Shades

50
#F4FAF8
100
#E6F4EF
200
#CCEBE1
300
#A7DDCB
400
#77CAAE
500
#48B792
600
#399375
700
#2E755E
800
#245C49
900
#1D4437
950
#132B23

Contrast Checker

Text on white

2.65:1

AA Fail AAA Fail

Text on black

7.93:1

AA Pass AAA Pass

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