Red-brown

#942222
RGB
148, 34, 34
HSL
0°, 63%, 36%
CMYK
0, 77, 77, 42
HSV
0°, 77%, 58%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #942222 color: #942222;
RGB 148, 34, 34 color: rgb(148, 34, 34);
RGB Percentage 58%, 13%, 13% color: rgb(58%, 13%, 13%);
CMYK 0%, 77%, 77%, 42% Not supported in CSS
HSL 0°, 63%, 36% color: hsl(0, 63%, 36%);
HSV 0°, 77%, 58% Not supported in CSS
CIE-LAB 29, 23, 0 color: lab(29% 23 0);
Decimal 9708066 Not supported in CSS

Color Variations

Shades

#962222
#871F1F
#781B1B
#691818
#5A1414
#4B1111
#3C0E0E
#2D0A0A

Tints

#EDAFAF
#E79595
#E17A7A
#DB5F5F
#D54545
#CB2E2E
#B02828
#962222

Tones

#962222
#902828
#8A2E2E
#843333
#7F3939
#793F3F
#734545
#6D4A4A

Hues

#962222
#967922
#5C9622
#22963F
#229696
#223F96
#5C2296
#962279

Color Harmonies

Analogous

#96225C
Click to copy
Dark Magenta
87%
#942222
Click to copy
Red-brown
100%
#965C22
Click to copy
Dark Orange
87%

Complementary

#942222
Click to copy
Red-brown
100%
#229696
Click to copy
Dark Cyan
55%

Split Complementary

#942222
Click to copy
Red-brown
100%
#22965C
Click to copy
Dark Cyan
61%
#225C96
Click to copy
Dark Blue
61%

Triadic

#942222
Click to copy
Red-brown
100%
#229622
Click to copy
Dark Green
63%
#222296
Click to copy
Dark Blue
63%

Tetradic

#942222
Click to copy
Red-brown
100%
#5C9622
Click to copy
Dark Green
71%
#229696
Click to copy
Dark Cyan
55%
#5C2296
Click to copy
Dark Purple
71%

Square

#942222
Click to copy
Red-brown
100%
#5C9622
Click to copy
Dark Green
71%
#229696
Click to copy
Dark Cyan
55%
#5C2296
Click to copy
Dark Purple
71%

CSS & Dev Snippets

CSS
.red-brown {
  color: #942222;
}
SCSS
$red-brown: #942222;
RGB
rgb(148, 34, 34)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags