#302C0C

#302C0C

Color Values

HEX

#302C0C

RGB

48, 44, 12

HSL

53.3, 60.0%, 11.8%

HSV

53.3, 75.0%, 18.8%

CMYK

0.0%, 8.3%, 75.0%, 81.2%

OKLCH

0.2896 0.0487 102.2

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#302C0C

#0C1030

Analogous

#301A0C

#22300C

#302C0C

Triadic

#302C0C

#0C302C

#2C0C30

Split Complementary

#302C0C

#0C2230

#1A0C30

Tetradic

#302C0C

#0C301A

#0C1030

#300C22

Color Blindness Simulation

Original

#302C0C

Protanopia

#2E2E14

Deuteranopia

#2E2F16

Tritanopia

#301A1B

Achromatopsia

#2B2B2B

CSS Usage

background-color: #302C0C;
color: #302C0C;
border-color: #302C0C;
Nearest Tailwind: Lime 950 #1A2E05

Tailwind Shades

50
#FBFAF3
100
#F6F4E4
200
#F1ECC6
300
#E7DE9D
400
#D9CD68
500
#CCBB33
600
#A39629
700
#837821
800
#665D1A
900
#4B4516
950
#2F2B0E

Contrast Checker

Text on white

14.08:1

AA Pass AAA Pass

Text on black

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