#304738

#304738

Color Values

HEX

#304738

RGB

48, 71, 56

HSL

140.9, 19.3%, 23.3%

HSV

140.9, 32.4%, 27.8%

CMYK

32.4%, 0.0%, 21.1%, 72.2%

OKLCH

0.3739 0.0385 155.5

Properties

Cool Dark Nearest: RAL 6005 Moss Green

Color Harmonies

Complementary

#304738

#47303F

Analogous

#334730

#304743

#304738

Triadic

#304738

#383047

#473830

Split Complementary

#304738

#433047

#473033

Tetradic

#304738

#303347

#47303F

#474330

Color Blindness Simulation

Original

#304738

Protanopia

#3A3A3C

Deuteranopia

#39373C

Tritanopia

#313E3F

Achromatopsia

#414141

CSS Usage

background-color: #304738;
color: #304738;
border-color: #304738;
Nearest Tailwind: Teal 900 #134E4A

Tailwind Shades

50
#F6F9F7
100
#EAF0EC
200
#D4E2D9
300
#B6CEBE
400
#8EB39B
500
#679878
600
#527A60
700
#42614D
800
#334C3C
900
#28392E
950
#19241D

Contrast Checker

Text on white

10.08:1

AA Pass AAA Pass

Text on black

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