Carmine Red

#FF0038
RGB
255, 0, 56
HSL
347°, 100%, 50%
CMYK
0, 100, 78, 0
HSV
347°, 100%, 100%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FF0038 color: #FF0038;
RGB 255, 0, 56 color: rgb(255, 0, 56);
RGB Percentage 100%, 0%, 22% color: rgb(100%, 0%, 22%);
CMYK 0%, 100%, 78%, 0% Not supported in CSS
HSL 347°, 100%, 50% color: hsl(347, 100%, 50%);
HSV 347°, 100%, 100% Not supported in CSS
CIE-LAB 40, 51, -19 color: lab(40% 51 -19);
Decimal 16711736 Not supported in CSS

Color Variations

Shades

#FF0037
#E60032
#CC002C
#B30027
#990021
#80001C
#660016
#4D0011

Tints

#FFB3C3
#FF99AF
#FF809B
#FF6687
#FF4D73
#FF335F
#FF1A4B
#FF0037

Tones

#FF0037
#F20D3E
#E61A46
#D9264D
#CC3354
#BF405B
#B34D63
#A6596A

Hues

#FF0037
#FF8800
#B7FF00
#00FF09
#00FFC8
#0077FF
#4800FF
#FF00F7

Color Harmonies

Analogous

#FF00B7
Click to copy
Purple
71%
#FF0038
Click to copy
Carmine red
100%
#FF4800
Click to copy
Red
79%

Complementary

#FF0038
Click to copy
Carmine red
100%
#00FFC8
Click to copy
Cyan
12%

Split Complementary

#FF0038
Click to copy
Carmine red
100%
#00FF48
Click to copy
Green
18%
#00B7FF
Click to copy
Cyan
16%

Triadic

#FF0038
Click to copy
Carmine red
100%
#37FF00
Click to copy
Green
25%
#0037FF
Click to copy
Blue
26%

Tetradic

#FF0038
Click to copy
Carmine red
100%
#B7FF00
Click to copy
Yellow
39%
#00FFC8
Click to copy
Cyan
12%
#4800FF
Click to copy
Blue
39%

Square

#FF0038
Click to copy
Carmine red
100%
#B7FF00
Click to copy
Yellow
39%
#00FFC8
Click to copy
Cyan
12%
#4800FF
Click to copy
Blue
39%

CSS & Dev Snippets

CSS
.carmine-red {
  color: #FF0038;
}
SCSS
$carmine-red: #FF0038;
RGB
rgb(255, 0, 56)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags