#45F30C

#45F30C

Color Values

HEX

#45F30C

RGB

69, 243, 12

HSL

105.2, 90.6%, 50.0%

HSV

105.2, 95.1%, 95.3%

CMYK

71.6%, 0.0%, 95.1%, 4.7%

OKLCH

0.8429 0.273 140.7

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#45F30C

#BA0CF3

Analogous

#B8F30C

#0CF347

#45F30C

Triadic

#45F30C

#0C45F3

#F30C45

Split Complementary

#45F30C

#470CF3

#F30CB8

Tetradic

#45F30C

#0CB8F3

#BA0CF3

#F3470C

Color Blindness Simulation

Original

#45F30C

Protanopia

#909244

Deuteranopia

#867951

Tritanopia

#4E707A

Achromatopsia

#BDBDBD

CSS Usage

background-color: #45F30C;
color: #45F30C;
border-color: #45F30C;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F4FDF1
100
#E6FBDF
200
#CBFCBB
300
#A6F98A
400
#75F64B
500
#45F30C
600
#37C20A
700
#2C9C08
800
#227A06
900
#1C5809
950
#123806

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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