#C69F83

#C69F83

Color Values

HEX

#C69F83

RGB

198, 159, 131

HSL

25.1, 37.0%, 64.5%

HSV

25.1, 33.8%, 77.6%

CMYK

0.0%, 19.7%, 33.8%, 22.4%

OKLCH

0.7311 0.0606 57.3

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#C69F83

#83AAC6

Analogous

#C68388

#C6C083

#C69F83

Triadic

#C69F83

#83C69F

#9F83C6

Split Complementary

#C69F83

#83C6C0

#8388C6

Tetradic

#C69F83

#88C683

#83AAC6

#C083C6

Color Blindness Simulation

Original

#C69F83

Protanopia

#B5B58A

Deuteranopia

#B7BA8B

Tritanopia

#C48F90

Achromatopsia

#A5A5A5

CSS Usage

background-color: #C69F83;
color: #C69F83;
border-color: #C69F83;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#FAF7F5
100
#F3ECE8
200
#E9D9CE
300
#D8BEAB
400
#C49B7E
500
#AF7850
600
#8C6040
700
#704D33
800
#573C28
900
#412E20
950
#291D14

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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