#C06F26

#C06F26

Color Values

HEX

#C06F26

RGB

192, 111, 38

HSL

28.4, 67.0%, 45.1%

HSV

28.4, 80.2%, 75.3%

CMYK

0.0%, 42.2%, 80.2%, 24.7%

OKLCH

0.6201 0.132 57.8

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#C06F26

#2677C0

Analogous

#C0262A

#C0BC26

#C06F26

Triadic

#C06F26

#26C06F

#6F26C0

Split Complementary

#C06F26

#26C0BC

#262AC0

Tetradic

#C06F26

#2AC026

#2677C0

#BC26C0

Color Blindness Simulation

Original

#C06F26

Protanopia

#9D9C38

Deuteranopia

#A2A83C

Tritanopia

#BC4649

Achromatopsia

#7B7B7B

CSS Usage

background-color: #C06F26;
color: #C06F26;
border-color: #C06F26;
Nearest Tailwind: Yellow 700 #A16207

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DAC3
300
#EBC099
400
#E09D61
500
#D57B2A
600
#AA6222
700
#884F1B
800
#6A3D15
900
#4E2F13
950
#311E0C

Contrast Checker

Text on white

3.79:1

AA Fail AAA Fail

Text on black

5.54:1

AA Pass AAA Fail

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026