Persimmon

#EC5800
RGB
236, 88, 0
HSL
22°, 100%, 46%
CMYK
0, 63, 100, 7
HSV
22°, 100%, 93%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #EC5800 color: #EC5800;
RGB 236, 88, 0 color: rgb(236, 88, 0);
RGB Percentage 93%, 35%, 0% color: rgb(93%, 35%, 0%);
CMYK 0%, 63%, 100%, 7% Not supported in CSS
HSL 22°, 100%, 46% color: hsl(22, 100%, 46%);
HSV 22°, 100%, 93% Not supported in CSS
CIE-LAB 37, 30, 29 color: lab(37% 30 29);
Decimal 15489024 Not supported in CSS

Color Variations

Shades

#EB5600
#D34D00
#BC4500
#A43C00
#8D3400
#752B00
#5E2200
#461A00

Tints

#FFCBAC
#FFB991
#FFA875
#FF965A
#FF853E
#FF7323
#FF6207
#EB5600

Tones

#EB5600
#DF590C
#D35C17
#C75F23
#BC632F
#B0663B
#A46946
#986C52

Hues

#EB5600
#CFEB00
#1FEB00
#00EB91
#0095EB
#1B00EB
#CB00EB
#EB005A

Color Harmonies

Analogous

#EB001F
Click to copy
#EC5800
Click to copy
#EBCB00
Click to copy

Complementary

#EC5800
Click to copy
#0095EB
Click to copy

Split Complementary

#EC5800
Click to copy
#00EBCB
Click to copy
#001FEB
Click to copy
97%

Triadic

#EC5800
Click to copy
#00EB56
Click to copy
#5600EB
Click to copy

Tetradic

#EC5800
Click to copy
#1FEB00
Click to copy
95%
#0095EB
Click to copy
#CB00EB
Click to copy

Square

#EC5800
Click to copy
#1FEB00
Click to copy
95%
#0095EB
Click to copy
#CB00EB
Click to copy

CSS & Dev Snippets

CSS
.persimmon {
  color: #EC5800;
}
SCSS
$persimmon: #EC5800;
RGB
rgb(236, 88, 0)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags