#CF6A5F

#CF6A5F

Color Values

HEX

#CF6A5F

RGB

207, 106, 95

HSL

5.9, 53.8%, 59.2%

HSV

5.9, 54.1%, 81.2%

CMYK

0.0%, 48.8%, 54.1%, 18.8%

OKLCH

0.6397 0.1298 27.7

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#CF6A5F

#5FC4CF

Analogous

#CF5F8C

#CFA25F

#CF6A5F

Triadic

#CF6A5F

#5FCF6A

#6A5FCF

Split Complementary

#CF6A5F

#5FCFA2

#5F8CCF

Tetradic

#CF6A5F

#8CCF5F

#5FC4CF

#A25FCF

Color Blindness Simulation

Original

#CF6A5F

Protanopia

#A3A262

Deuteranopia

#A9B162

Tritanopia

#CA6464

Achromatopsia

#7F7F7F

CSS Usage

background-color: #CF6A5F;
color: #CF6A5F;
border-color: #CF6A5F;
Nearest Tailwind: Red 400 #F87171

Tailwind Shades

50
#FBF5F4
100
#F5E7E5
200
#EFCCC8
300
#E3A7A1
400
#D3786E
500
#C4483B
600
#9D3A2F
700
#7E2E26
800
#62241D
900
#481E19
950
#2D1310

Contrast Checker

Text on white

3.57:1

AA Fail AAA Fail

Text on black

5.88:1

AA Pass AAA Fail

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