#CFB580

#CFB580

Color Values

HEX

#CFB580

RGB

207, 181, 128

HSL

40.3, 45.1%, 65.7%

HSV

40.3, 38.2%, 81.2%

CMYK

0.0%, 12.6%, 38.2%, 18.8%

OKLCH

0.783 0.0758 84.6

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CFB580

#809ACF

Analogous

#CF8E80

#C1CF80

#CFB580

Triadic

#CFB580

#80CFB5

#B580CF

Split Complementary

#CFB580

#80C1CF

#8E80CF

Tetradic

#CFB580

#80CF8E

#809ACF

#CF80C1

Color Blindness Simulation

Original

#CFB580

Protanopia

#C4C48D

Deuteranopia

#C5C790

Tritanopia

#CE9799

Achromatopsia

#B7B7B7

CSS Usage

background-color: #CFB580;
color: #CFB580;
border-color: #CFB580;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FAF8F4
100
#F4EFE6
200
#EBE1CB
300
#DDCBA6
400
#CBAF76
500
#B99346
600
#947638
700
#765E2D
800
#5D4A23
900
#44371D
950
#2B2312

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.57:1

AA Pass AAA Pass

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