#42270A

#42270A

Color Values

HEX

#42270A

RGB

66, 39, 10

HSL

31.1, 73.7%, 14.9%

HSV

31.1, 84.8%, 25.9%

CMYK

0.0%, 40.9%, 84.8%, 74.1%

OKLCH

0.301 0.0578 63.8

Properties

Warm Dark Nearest: RAL 8007 Fawn Brown

Color Harmonies

Complementary

#42270A

#0A2542

Analogous

#420B0A

#41420A

#42270A

Triadic

#42270A

#0A4227

#270A42

Split Complementary

#42270A

#0A4142

#0B0A42

Tetradic

#42270A

#0A420B

#0A2542

#420A41

Color Blindness Simulation

Original

#42270A

Protanopia

#363611

Deuteranopia

#383A13

Tritanopia

#411718

Achromatopsia

#2B2B2B

CSS Usage

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

Tailwind Shades

50
#FCF8F3
100
#F8EEE2
200
#F6DCC1
300
#EFC395
400
#E6A35B
500
#DD8322
600
#B1691B
700
#8E5415
800
#6F4111
900
#513210
950
#331F0A

Contrast Checker

Text on white

13.76:1

AA Pass AAA Pass

Text on black

1.53:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026