#45C898

#45C898

Color Values

HEX

#45C898

RGB

69, 200, 152

HSL

158.0, 54.4%, 52.7%

HSV

158.0, 65.5%, 78.4%

CMYK

65.5%, 0.0%, 24.0%, 21.6%

OKLCH

0.7489 0.1343 164.9

Properties

Cool Light Nearest: Shamrock

Color Harmonies

Complementary

#45C898

#C84575

Analogous

#45C856

#45B7C8

#45C898

Triadic

#45C898

#9845C8

#C89845

Split Complementary

#45C898

#C845B7

#C85645

Tetradic

#45C898

#5645C8

#C84575

#B7C845

Color Blindness Simulation

Original

#45C898

Protanopia

#7E7FA4

Deuteranopia

#766CA6

Tritanopia

#4CADAF

Achromatopsia

#A9A9A9

CSS Usage

background-color: #45C898;
color: #45C898;
border-color: #45C898;
Nearest Tailwind: Emerald 400 #34D399

Tailwind Shades

50
#F4FBF8
100
#E5F5EF
200
#C8EFE0
300
#A1E3CB
400
#6DD4AE
500
#3AC592
600
#2F9D75
700
#257E5D
800
#1D6249
900
#194837
950
#102E23

Contrast Checker

Text on white

2.11:1

AA Fail AAA Fail

Text on black

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