#CB884B

#CB884B

Color Values

HEX

#CB884B

RGB

203, 136, 75

HSL

28.6, 55.2%, 54.5%

HSV

28.6, 63.1%, 79.6%

CMYK

0.0%, 33.0%, 63.1%, 20.4%

OKLCH

0.6827 0.1128 61.4

Properties

Warm Light Nearest: peru

Color Harmonies

Complementary

#CB884B

#4B8ECB

Analogous

#CB4B4E

#CBC84B

#CB884B

Triadic

#CB884B

#4BCB88

#884BCB

Split Complementary

#CB884B

#4BCBC8

#4B4ECB

Tetradic

#CB884B

#4ECB4B

#4B8ECB

#C84BCB

Color Blindness Simulation

Original

#CB884B

Protanopia

#AEAD5A

Deuteranopia

#B2B75D

Tritanopia

#C86568

Achromatopsia

#929292

CSS Usage

background-color: #CB884B;
color: #CB884B;
border-color: #CB884B;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FBF7F4
100
#F6EDE5
200
#EFDAC8
300
#E4C0A0
400
#D59E6D
500
#C67C39
600
#9E632E
700
#7F4F25
800
#633E1D
900
#492F18
950
#2E1E0F

Contrast Checker

Text on white

2.93:1

AA Fail AAA Fail

Text on black

7.16:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026