#45FCBE

#45FCBE

Color Values

HEX

#45FCBE

RGB

69, 252, 190

HSL

159.7, 96.8%, 62.9%

HSV

159.7, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 24.6%, 1.2%

OKLCH

0.8861 0.169 165.3

Properties

Cool Light Nearest: Caribbean Green

Color Harmonies

Complementary

#45FCBE

#FC4583

Analogous

#45FC62

#45DEFC

#45FCBE

Triadic

#45FCBE

#BE45FC

#FCBE45

Split Complementary

#45FCBE

#FC45DE

#FC6245

Tetradic

#45FCBE

#6245FC

#FC4583

#DEFC45

Color Blindness Simulation

Original

#45FCBE

Protanopia

#9496CD

Deuteranopia

#8A7CD1

Tritanopia

#4ED9DB

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B9FEE6
300
#87FDD5
400
#45FCBE
500
#04FBA7
600
#03C986
700
#03A16B
800
#027D54
900
#065B3E
950
#043927

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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