#304C01

#304C01

Color Values

HEX

#304C01

RGB

48, 76, 1

HSL

82.4, 97.4%, 15.1%

HSV

82.4, 98.7%, 29.8%

CMYK

36.8%, 0.0%, 98.7%, 70.2%

OKLCH

0.3796 0.101 129.7

Properties

Cool Dark Nearest: RAL 6025 Fern Green

Color Harmonies

Complementary

#304C01

#1D014C

Analogous

#4C4301

#0B4C01

#304C01

Triadic

#304C01

#01304C

#4C0130

Split Complementary

#304C01

#010B4C

#43014C

Tetradic

#304C01

#014C43

#1D014C

#4C010B

Color Blindness Simulation

Original

#304C01

Protanopia

#3C3C13

Deuteranopia

#3A3818

Tritanopia

#312125

Achromatopsia

#414141

CSS Usage

background-color: #304C01;
color: #304C01;
border-color: #304C01;
Nearest Tailwind: Lime 900 #365314

Tailwind Shades

50
#F9FEF1
100
#F1FCDE
200
#E4FEB9
300
#D1FD86
400
#B8FD45
500
#9FFC03
600
#7FC903
700
#66A102
800
#4F7E02
900
#3B5B06
950
#253904

Contrast Checker

Text on white

9.72:1

AA Pass AAA Pass

Text on black

2.16:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1月 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1月 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

1月 18, 2026