Coloried

Claret

Claret color is a bold shade of dark pink. Its hex code is #7F1734 and rgb code is rgb(127, 23, 52), Its CMYK value is cmyk(0%, 82%, 59%, 50%), and Its HSL value is hsl(343, 69%, 29%). Against white, it has contrast ratio of 10.12:1, while against black, the contrast ratio is 2.07:1. Its complementary color is #177D60 and closest tailwind color is rose-900. This color goes well with #DF6E4E, #DF4EBF, #EA8FA9, #27D34C, and #27AED3. To get this Claret color, you can mix #000000 and #FE2E68.

Claret color code
|
1. Color Conversions
HEX#7F1734
RGB127, 23, 52
HSL343°, 69%, 29%
HSV343°, 69%, 50%
CMYK0%, 82%, 59%, 50%
Web Safe#660033
2. Contrast Ratio
Text on #FFFFFF10.12:1
AAA LargeAAA Normal
Text on #0000002.07:1
Fail LargeFail Normal
3. Claret Color Code in CSS
HEX
#7F1734
RGB
rgb(127, 23, 52)
HSL
hsl(343, 69%, 29%)
Text Color
color: #7F1734;
Background
background-color: #7F1734;
Border Color
border-color: #7F1734;
Box Shadow
box-shadow: 0 4px 14px 0 #7F173480;
SCSS
$color-claret: #7F1734;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#52512D
Deuteranopia#58602B
Tritanopia#7A2726
Achromatopsia#393939
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive