#45FCB3

#45FCB3

Color Values

HEX

#45FCB3

RGB

69, 252, 179

HSL

156.1, 96.8%, 62.9%

HSV

156.1, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 29.0%, 1.2%

OKLCH

0.8836 0.1775 161.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#45FCB3

#FC458E

Analogous

#45FC57

#45E9FC

#45FCB3

Triadic

#45FCB3

#B345FC

#FCB345

Split Complementary

#45FCB3

#FC45E9

#FC5745

Tetradic

#45FCB3

#5745FC

#FC458E

#E9FC45

Color Blindness Simulation

Original

#45FCB3

Protanopia

#9496C5

Deuteranopia

#8A7CC9

Tritanopia

#4ED3D6

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF0
200
#B9FEE2
300
#87FDCE
400
#45FCB3
500
#04FB99
600
#03C97A
700
#03A162
800
#027D4C
900
#065B39
950
#043924

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

15.83:1

AA Pass AAA Pass

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