#CFB16C

#CFB16C

Color Values

HEX

#CFB16C

RGB

207, 177, 108

HSL

41.8, 50.8%, 61.8%

HSV

41.8, 47.8%, 81.2%

CMYK

0.0%, 14.5%, 47.8%, 18.8%

OKLCH

0.7715 0.0946 86.7

Properties

Warm Light Nearest: RAL 1002 Sand Yellow

Color Harmonies

Complementary

#CFB16C

#6C8ACF

Analogous

#CF806C

#BCCF6C

#CFB16C

Triadic

#CFB16C

#6CCFB1

#B16CCF

Split Complementary

#CFB16C

#6CBCCF

#806CCF

Tetradic

#CFB16C

#6CCF80

#6C8ACF

#CF6CBC

Color Blindness Simulation

Original

#CFB16C

Protanopia

#C2C27D

Deuteranopia

#C4C681

Tritanopia

#CD8A8D

Achromatopsia

#B2B2B2

CSS Usage

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

Tailwind Shades

50
#FBF9F4
100
#F5F0E5
200
#EDE2C9
300
#E1CEA3
400
#D1B471
500
#C0993F
600
#9A7A32
700
#7B6228
800
#604C1F
900
#47391A
950
#2D2411

Contrast Checker

Text on white

2.07:1

AA Fail AAA Fail

Text on black

10.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