#42270C

#42270C

Color Values

HEX

#42270C

RGB

66, 39, 12

HSL

30.0, 69.2%, 15.3%

HSV

30.0, 81.8%, 25.9%

CMYK

0.0%, 40.9%, 81.8%, 74.1%

OKLCH

0.3013 0.0566 62.4

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#42270C

#0C2742

Analogous

#420C0C

#42420C

#42270C

Triadic

#42270C

#0C4227

#270C42

Split Complementary

#42270C

#0C4242

#0C0C42

Tetradic

#42270C

#0C420C

#0C2742

#420C42

Color Blindness Simulation

Original

#42270C

Protanopia

#363613

Deuteranopia

#383A14

Tritanopia

#411819

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EDE3
200
#F4DBC3
300
#ECC297
400
#E2A15F
500
#D88027
600
#AD661F
700
#8A5219
800
#6C4014
900
#4F3012
950
#321F0C

Contrast Checker

Text on white

13.75:1

AA Pass AAA Pass

Text on black

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