#CB2830

#CB2830

Color Values

HEX

#CB2830

RGB

203, 40, 48

HSL

357.1, 67.1%, 47.6%

HSV

357.1, 80.3%, 79.6%

CMYK

0.0%, 80.3%, 76.4%, 20.4%

OKLCH

0.5486 0.1975 24.7

Properties

Warm Dark Nearest: brown 3

Color Harmonies

Complementary

#CB2830

#28CBC3

Analogous

#CB2881

#CB7228

#CB2830

Triadic

#CB2830

#30CB28

#2830CB

Split Complementary

#CB2830

#28CB72

#2881CB

Tetradic

#CB2830

#81CB28

#28CBC3

#7228CB

Color Blindness Simulation

Original

#CB2830

Protanopia

#84832E

Deuteranopia

#8E9A2E

Tritanopia

#C32D2C

Achromatopsia

#4B4B4B

CSS Usage

background-color: #CB2830;
color: #CB2830;
border-color: #CB2830;
Nearest Tailwind: Red 700 #B91C1C

Tailwind Shades

50
#FCF3F3
100
#F7E3E4
200
#F3C3C6
300
#EB999D
400
#E06167
500
#D52A32
600
#AA2228
700
#881B20
800
#6B1519
900
#4E1316
950
#310C0E

Contrast Checker

Text on white

5.4:1

AA Pass AAA Fail

Text on black

3.89:1

AA Fail 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