#342103

#342103

Color Values

HEX

#342103

RGB

52, 33, 3

HSL

36.7, 89.1%, 10.8%

HSV

36.7, 94.2%, 20.4%

CMYK

0.0%, 36.5%, 94.2%, 79.6%

OKLCH

0.2654 0.0522 74.8

Properties

Warm Dark Nearest: RAL 8014 Sepia Brown

Color Harmonies

Complementary

#342103

#031634

Analogous

#340803

#2F3403

#342103

Triadic

#342103

#033421

#210334

Split Complementary

#342103

#032F34

#080334

Tetradic

#342103

#033408

#031634

#34032F

Color Blindness Simulation

Original

#342103

Protanopia

#2C2C0A

Deuteranopia

#2D2E0C

Tritanopia

#331011

Achromatopsia

#232323

CSS Usage

background-color: #342103;
color: #342103;
border-color: #342103;
Nearest Tailwind: Yellow 950 #422006

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE2BB
300
#F8CE8B
400
#F5B34D
500
#F1990E
600
#C17A0B
700
#9A6209
800
#794C07
900
#57390A
950
#372406

Contrast Checker

Text on white

15.39:1

AA Pass AAA Pass

Text on black

1.36:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026