#30F42D

#30F42D

Color Values

HEX

#30F42D

RGB

48, 244, 45

HSL

119.1, 90.0%, 56.7%

HSV

119.1, 81.6%, 95.7%

CMYK

80.3%, 0.0%, 81.6%, 4.3%

OKLCH

0.8427 0.2707 142.6

Properties

Cool Light Nearest: green 2

Color Harmonies

Complementary

#30F42D

#F12DF4

Analogous

#94F42D

#2DF48E

#30F42D

Triadic

#30F42D

#2D30F4

#F42D30

Split Complementary

#30F42D

#8E2DF4

#F42D94

Tetradic

#30F42D

#2D94F4

#F12DF4

#F48E2D

Color Blindness Simulation

Original

#30F42D

Protanopia

#85875D

Deuteranopia

#7A6B69

Tritanopia

#3A838C

Achromatopsia

#BCBCBC

CSS Usage

background-color: #30F42D;
color: #30F42D;
border-color: #30F42D;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F2FDF1
100
#E0FBDF
200
#BCFBBB
300
#8CF98B
400
#4EF64C
500
#10F20D
600
#0DC20A
700
#0A9B08
800
#087906
900
#0A5809
950
#073706

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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