Ruby Red

#9B111E
RGB
155, 17, 30
HSL
354°, 80%, 34%
CMYK
0, 89, 81, 39
HSV
354°, 89%, 61%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #9B111E color: #9B111E;
RGB 155, 17, 30 color: rgb(155, 17, 30);
RGB Percentage 61%, 7%, 12% color: rgb(61%, 7%, 12%);
CMYK 0%, 89%, 81%, 39% Not supported in CSS
HSL 354°, 80%, 34% color: hsl(354, 80%, 34%);
HSV 354°, 89%, 61% Not supported in CSS
CIE-LAB 27, 28, -4 color: lab(27% 28 -4);
Decimal 10162462 Not supported in CSS

Color Variations

Shades

#9C111F
#8C101C
#7D0E19
#6D0C16
#5E0A13
#4E0910
#3E070C
#2F0509

Tints

#F5A4AC
#F28691
#EE6875
#EB4959
#E72B3E
#D9182B
#BA1525
#9C111F

Tones

#9C111F
#951825
#8E1F2A
#872630
#802D35
#79343B
#723B41
#6C4246

Hues

#9C111F
#9C6C11
#659C11
#119C26
#119C8E
#11429C
#49119C
#9C1187

Color Harmonies

Analogous

#9C1165
Click to copy
Dark Purple
84%
#9B111E
Click to copy
Ruby red
100%
#9C4911
Click to copy
Dark Red
87%

Complementary

#9B111E
Click to copy
Ruby red
100%
#119C8E
Click to copy
Dark Cyan
49%

Split Complementary

#9B111E
Click to copy
Ruby red
100%
#119C49
Click to copy
Dark Green
55%
#11659C
Click to copy
Dark Cyan
54%

Triadic

#9B111E
Click to copy
Ruby red
100%
#1F9C11
Click to copy
Dark Green
58%
#111F9C
Click to copy
Dark Blue
58%

Tetradic

#9B111E
Click to copy
Ruby red
100%
#659C11
Click to copy
Dark Yellow
66%
#119C8E
Click to copy
Dark Cyan
49%
#49119C
Click to copy
Dark Blue
66%

Square

#9B111E
Click to copy
Ruby red
100%
#659C11
Click to copy
Dark Yellow
66%
#119C8E
Click to copy
Dark Cyan
49%
#49119C
Click to copy
Dark Blue
66%

CSS & Dev Snippets

CSS
.ruby-red {
  color: #9B111E;
}
SCSS
$ruby-red: #9B111E;
RGB
rgb(155, 17, 30)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags