#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

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026