Chocolate

#713600
RGB
113, 54, 0
HSL
29°, 100%, 22%
CMYK
0, 52, 100, 56
HSV
29°, 100%, 44%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #713600 color: #713600;
RGB 113, 54, 0 color: rgb(113, 54, 0);
RGB Percentage 44%, 21%, 0% color: rgb(44%, 21%, 0%);
CMYK 0%, 52%, 100%, 56% Not supported in CSS
HSL 29°, 100%, 22% color: hsl(29, 100%, 22%);
HSV 29°, 100%, 44% Not supported in CSS
CIE-LAB 18, 12, 18 color: lab(18% 12 18);
Decimal 7419392 Not supported in CSS

Color Variations

Shades

#703600
#653100
#5A2B00
#4F2600
#432100
#381B00
#2D1600
#221000

Tints

#FFC188
#FFAD60
#FF9838
#FF8410
#E87000
#C05D00
#984900
#703600

Tones

#703600
#6B3606
#65370B
#5F3711
#5A3716
#54371C
#4F3722
#493827

Hues

#703600
#567000
#027000
#007052
#003A70
#1A0070
#6E0070
#70001E

Color Harmonies

Analogous

#700002
Click to copy
Dark Magenta
88%
#713600
Click to copy
Chocolate
100%
#706E00
Click to copy
Dark Orange
87%

Complementary

#713600
Click to copy
Chocolate
100%
#003A70
Click to copy
Dark Cyan
64%

Split Complementary

#713600
Click to copy
Chocolate
100%
#00706E
Click to copy
Dark Cyan
62%
#000270
Click to copy
Dark Blue
62%

Triadic

#713600
Click to copy
Chocolate
100%
#007036
Click to copy
Dark Green
69%
#360070
Click to copy
Dark Blue
69%

Tetradic

#713600
Click to copy
Chocolate
100%
#027000
Click to copy
Dark Green
72%
#003A70
Click to copy
Dark Cyan
64%
#6E0070
Click to copy
Dark Purple
72%

Square

#713600
Click to copy
Chocolate
100%
#027000
Click to copy
Dark Green
72%
#003A70
Click to copy
Dark Cyan
64%
#6E0070
Click to copy
Dark Purple
72%

CSS & Dev Snippets

CSS
.chocolate {
  color: #713600;
}
SCSS
$chocolate: #713600;
RGB
rgb(113, 54, 0)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags