#305F40

#305F40

Color Values

HEX

#305F40

RGB

48, 95, 64

HSL

140.4, 32.9%, 28.0%

HSV

140.4, 49.5%, 37.3%

CMYK

49.5%, 0.0%, 32.6%, 62.7%

OKLCH

0.4428 0.073 153.4

Properties

Cool Dark Nearest: RAL 6029 Mint Green

Color Harmonies

Complementary

#305F40

#5F304F

Analogous

#375F30

#305F57

#305F40

Triadic

#305F40

#40305F

#5F4030

Split Complementary

#305F40

#57305F

#5F3037

Tetradic

#305F40

#30375F

#5F304F

#5F5730

Color Blindness Simulation

Original

#305F40

Protanopia

#444547

Deuteranopia

#423E49

Tritanopia

#324D4F

Achromatopsia

#535353

CSS Usage

background-color: #305F40;
color: #305F40;
border-color: #305F40;
Nearest Tailwind: Emerald 800 #065F46

Tailwind Shades

50
#F5F9F7
100
#E8F2EC
200
#D0E7D8
300
#AED6BB
400
#82C097
500
#56A972
600
#44885B
700
#376C49
800
#2B5539
900
#223F2C
950
#16281C

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

2.84:1

AA Fail AAA Fail

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