Coloried

Merlot

Merlot color is a bold shade of dark red. Its hex code is #831923 and rgb code is rgb(131, 25, 35), Its CMYK value is cmyk(0%, 81%, 73%, 49%), and Its HSL value is hsl(354, 68%, 31%). Against white, its contrast ratio of 9.87:1, while against black, the contrast ratio is 2.13:1. Its complementary color is #19857A and closest tailwind color is red-900. This color goes well with #DF8E58, #DF58A9, #EB98A1, #2DD771, and #2D93D7. To recreate the Merlot color, you can mix #FF0000 and #073246.

Merlot color code
|
1. Color Conversions
HEX#831923
RGB131, 25, 35
HSL354°, 68%, 31%
HSV354°, 68%, 51%
CMYK0%, 81%, 73%, 49%
Web Safe#990033
2. Contrast Ratio
Text on #FFFFFF9.87:1
AAA LargeAAA Normal
Text on #0000002.13:1
Fail LargeFail Normal
3. Merlot Color Code in CSS
HEX
#831923
RGB
rgb(131, 25, 35)
HSL
hsl(354, 68%, 31%)
Text Color
color: #831923;
Background
background-color: #831923;
Border Color
border-color: #831923;
Box Shadow
box-shadow: 0 4px 14px 0 #83192380;
SCSS
$color-merlot: #831923;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#555421
Deuteranopia#5B6320
Tritanopia#7E1F1E
Achromatopsia#3A3A3A
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive