#45FCBC

#45FCBC

Color Values

HEX

#45FCBC

RGB

69, 252, 188

HSL

159.0, 96.8%, 62.9%

HSV

159.0, 72.6%, 98.8%

CMYK

72.6%, 0.0%, 25.4%, 1.2%

OKLCH

0.8857 0.1705 164.5

Properties

Cool Light Nearest: seagreen 2

Color Harmonies

Complementary

#45FCBC

#FC4585

Analogous

#45FC60

#45E0FC

#45FCBC

Triadic

#45FCBC

#BC45FC

#FCBC45

Split Complementary

#45FCBC

#FC45E0

#FC6045

Tetradic

#45FCBC

#6045FC

#FC4585

#E0FC45

Color Blindness Simulation

Original

#45FCBC

Protanopia

#9496CB

Deuteranopia

#8A7CCF

Tritanopia

#4ED8DA

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#F1FEF9
100
#DEFCF2
200
#B9FEE6
300
#87FDD4
400
#45FCBC
500
#04FBA5
600
#03C984
700
#03A169
800
#027D52
900
#065B3D
950
#043927

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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