Brick Red

#C04657
RGB
192, 70, 87
HSL
352°, 49%, 51%
CMYK
0, 64, 55, 25
HSV
352°, 64%, 75%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C04657 color: #C04657;
RGB 192, 70, 87 color: rgb(192, 70, 87);
RGB Percentage 75%, 27%, 34% color: rgb(75%, 27%, 34%);
CMYK 0%, 64%, 55%, 25% Not supported in CSS
HSL 352°, 49%, 51% color: hsl(352, 49%, 51%);
HSV 352°, 64%, 75% Not supported in CSS
CIE-LAB 41, 24, -6 color: lab(41% 24 -6);
Decimal 12600919 Not supported in CSS

Color Variations

Shades

#BF4555
#AE3C4B
#9B3543
#882E3A
#742832
#61212A
#4E1B21
#3A1419

Tints

#ECC7CC
#E6B5BB
#DFA2AA
#D98F99
#D27D88
#CC6A77
#C65766
#BF4555

Tones

#BF4555
#B94B5A
#B3515E
#AD5763
#A75D67
#A1636C
#9B6A70
#947075

Hues

#BF4555
#BF9045
#92BF45
#45BF53
#45BFAF
#4574BF
#7245BF
#BF45B1

Color Harmonies

Analogous

#BF4592
Click to copy
Purple
87%
#C04657
Click to copy
Brick red
100%
#BF7245
Click to copy
Red
89%

Complementary

#C04657
Click to copy
Brick red
100%
#45BFAF
Click to copy
Cyan
56%

Split Complementary

#C04657
Click to copy
Brick red
100%
#45BF72
Click to copy
Green
60%
#4592BF
Click to copy
Cyan
60%

Triadic

#C04657
Click to copy
Brick red
100%
#55BF45
Click to copy
Green
63%
#4555BF
Click to copy
Blue
63%

Tetradic

#C04657
Click to copy
Brick red
100%
#92BF45
Click to copy
Yellow
70%
#45BFAF
Click to copy
Cyan
56%
#7245BF
Click to copy
Blue
71%

Square

#C04657
Click to copy
Brick red
100%
#92BF45
Click to copy
Yellow
70%
#45BFAF
Click to copy
Cyan
56%
#7245BF
Click to copy
Blue
71%

CSS & Dev Snippets

CSS
.brick-red {
  color: #C04657;
}
SCSS
$brick-red: #C04657;
RGB
rgb(192, 70, 87)

Accessibility & Contrast

White background

4.94:1
4.94
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

4.25:1
4.25
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags