#CF9999

#CF9999

Color Values

HEX

#CF9999

RGB

207, 153, 153

HSL

0.0, 36.0%, 70.6%

HSV

0.0, 26.1%, 81.2%

CMYK

0.0%, 26.1%, 26.1%, 18.8%

OKLCH

0.7342 0.065 18.8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9999

#99CFCF

Analogous

#CF99B4

#CFB499

#CF9999

Triadic

#CF9999

#99CF99

#9999CF

Split Complementary

#CF9999

#99CFB4

#99B4CF

Tetradic

#CF9999

#B4CF99

#99CFCF

#B499CF

Color Blindness Simulation

Original

#CF9999

Protanopia

#B8B799

Deuteranopia

#BBBF99

Tritanopia

#CC9999

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CECE
300
#D8ACAC
400
#C37F7F
500
#AD5252
600
#8B4141
700
#6F3434
800
#572929
900
#402121
950
#291515

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

8.67:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026