#CFC188

#CFC188

Color Values

HEX

#CFC188

RGB

207, 193, 136

HSL

48.2, 42.5%, 67.3%

HSV

48.2, 34.3%, 81.2%

CMYK

0.0%, 6.8%, 34.3%, 18.8%

OKLCH

0.809 0.0763 96.0

Properties

Warm Light Nearest: RAL 1001 Beige

Color Harmonies

Complementary

#CFC188

#8896CF

Analogous

#CF9E88

#BACF88

#CFC188

Triadic

#CFC188

#88CFC1

#C188CF

Split Complementary

#CFC188

#88BACF

#9E88CF

Tetradic

#CFC188

#88CF9E

#8896CF

#CF88BA

Color Blindness Simulation

Original

#CFC188

Protanopia

#C9C996

Deuteranopia

#CACB99

Tritanopia

#CEA1A3

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#FAF9F5
100
#F4F1E7
200
#EAE5CC
300
#DCD2A8
400
#C9B979
500
#B6A049
600
#91803B
700
#74672F
800
#5B5025
900
#433C1E
950
#2A2613

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.64: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