#CE4648

#CE4648

Color Values

HEX

#CE4648

RGB

206, 70, 72

HSL

359.1, 58.1%, 54.1%

HSV

359.1, 66.0%, 80.8%

CMYK

0.0%, 66.0%, 65.0%, 19.2%

OKLCH

0.5851 0.172 23.4

Properties

Warm Light Nearest: Mahogany

Color Harmonies

Complementary

#CE4648

#46CECC

Analogous

#CE468C

#CE8846

#CE4648

Triadic

#CE4648

#48CE46

#4648CE

Split Complementary

#CE4648

#46CE88

#468CCE

Tetradic

#CE4648

#8CCE46

#46CECC

#8846CE

Color Blindness Simulation

Original

#CE4648

Protanopia

#939248

Deuteranopia

#9BA547

Tritanopia

#C74747

Achromatopsia

#636363

CSS Usage

background-color: #CE4648;
color: #CE4648;
border-color: #CE4648;
Nearest Tailwind: Rose 700 #BE123C

Tailwind Shades

50
#FBF4F4
100
#F6E4E5
200
#F0C7C7
300
#E59E9F
400
#D76A6B
500
#CA3538
600
#A12B2D
700
#812224
800
#651B1C
900
#4A1718
950
#2F0F0F

Contrast Checker

Text on white

4.57:1

AA Pass AAA Fail

Text on black

4.59:1

AA Pass AAA Fail

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