Coloried

Rouge

Rouge color is a muted shade of muted red. Its hex code is #A23B6C and rgb code is rgb(162, 59, 108), Its CMYK value is cmyk(0%, 64%, 33%, 36%), and Its HSL value is hsl(331, 47%, 43%). Against white, it has a contrast ratio of 6.22:1, while against black, the contrast ratio is 3.38:1. Its complementary color is #3AA16F and closest tailwind color is pink-700. This color goes well with #DB9B9A, #DB9AD9, #EFD2E0, #74CD76, and #74CCCD. To recreate the Rouge color, you can mix #FF0000 and #4576D8.

Rouge color code
|
1. Color Conversions
HEX#A23B6C
RGB162, 59, 108
HSL331°, 47%, 43%
HSV331°, 47%, 64%
CMYK0%, 64%, 33%, 36%
Web Safe#993366
2. Contrast Ratio
Text on #FFFFFF6.22:1
AAA LargeAAA Normal
Text on #0000003.38:1
AAA LargeFail Normal
3. Rouge Color Code in CSS
HEX
#A23B6C
RGB
rgb(162, 59, 108)
HSL
hsl(331, 47%, 43%)
Text Color
color: #A23B6C;
Background
background-color: #A23B6C;
Border Color
border-color: #A23B6C;
Box Shadow
box-shadow: 0 4px 14px 0 #A23B6C80;
SCSS
$color-rouge: #A23B6C;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#757560
Deuteranopia#7B835D
Tritanopia#9D5755
Achromatopsia#5F5F5F
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive