Claret

#7F1734
RGB
127, 23, 52
HSL
343°, 69%, 29%
CMYK
0, 82, 59, 50
HSV
343°, 82%, 50%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #7F1734 color: #7F1734;
RGB 127, 23, 52 color: rgb(127, 23, 52);
RGB Percentage 50%, 9%, 20% color: rgb(50%, 9%, 20%);
CMYK 0%, 82%, 59%, 50% Not supported in CSS
HSL 343°, 69%, 29% color: hsl(343, 69%, 29%);
HSV 343°, 82%, 50% Not supported in CSS
CIE-LAB 23, 21, -10 color: lab(23% 21 -10);
Decimal 8329012 Not supported in CSS

Color Variations

Shades

#7D1734
#70152F
#641229
#571024
#4B0E1F
#3E0B1A
#320915
#250710

Tints

#EEA3B8
#E985A1
#E36689
#DD4772
#D8295A
#BA224D
#9C1D41
#7D1734

Tones

#7D1734
#781C36
#732138
#6E263A
#692B3D
#63303F
#5E3641
#593B43

Hues

#7D1734
#7D4717
#677D17
#1A7D17
#177D60
#174D7D
#2D177D
#7A177D

Color Harmonies

Analogous

#7D1767
Click to copy
Dark Purple
88%
#7F1734
Click to copy
Claret
100%
#7D2D17
Click to copy
Dark Red
92%

Complementary

#7F1734
Click to copy
Claret
100%
#177D60
Click to copy
Dark Cyan
65%

Split Complementary

#7F1734
Click to copy
Claret
100%
#177D2D
Click to copy
Dark Green
67%
#17677D
Click to copy
Dark Cyan
66%

Triadic

#7F1734
Click to copy
Claret
100%
#347D17
Click to copy
Dark Green
71%
#17347D
Click to copy
Dark Blue
70%

Tetradic

#7F1734
Click to copy
Claret
100%
#677D17
Click to copy
Dark Yellow
75%
#177D60
Click to copy
Dark Cyan
65%
#2D177D
Click to copy
Dark Blue
75%

Square

#7F1734
Click to copy
Claret
100%
#677D17
Click to copy
Dark Yellow
75%
#177D60
Click to copy
Dark Cyan
65%
#2D177D
Click to copy
Dark Blue
75%

CSS & Dev Snippets

CSS
.claret {
  color: #7F1734;
}
SCSS
$claret: #7F1734;
RGB
rgb(127, 23, 52)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags