#CF9486

#CF9486

Color Values

HEX

#CF9486

RGB

207, 148, 134

HSL

11,5, 43,2%, 66,9%

HSV

11,5, 35,3%, 81,2%

CMYK

0,0%, 28,5%, 35,3%, 18,8%

OKLCH

0,7202 0,0747 33,8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9486

#86C1CF

Analogous

#CF869D

#CFB986

#CF9486

Triadic

#CF9486

#86CF94

#9486CF

Split Complementary

#CF9486

#86CFB9

#869DCF

Tetradic

#CF9486

#9DCF86

#86C1CF

#B986CF

Color Blindness Simulation

Original

#CF9486

Protanopia

#B5B589

Deuteranopia

#B9BD8A

Tritanopia

#CC8C8D

Achromatopsia

#A0A0A0

CSS Usage

background-color: #CF9486;
color: #CF9486;
border-color: #CF9486;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FAF6F5
100
#F4E9E7
200
#EBD2CC
300
#DCB1A7
400
#C98878
500
#B75E48
600
#924B3A
700
#753C2E
800
#5B2F24
900
#43251E
950
#2A1713

Contrast Checker

Text on white

2,55:1

AA Fail AAA Fail

Text on black

8,23: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