Orchid

#ED80E9
RGB
237, 128, 233
HSL
302°, 75%, 72%
CMYK
0, 46, 2, 7
HSV
302°, 46%, 93%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #ED80E9 color: #ED80E9;
RGB 237, 128, 233 color: rgb(237, 128, 233);
RGB Percentage 93%, 50%, 91% color: rgb(93%, 50%, 91%);
CMYK 0%, 46%, 2%, 7% Not supported in CSS
HSL 302°, 75%, 72% color: hsl(302, 75%, 72%);
HSV 302°, 46%, 93% Not supported in CSS
CIE-LAB 58, 22, -35 color: lab(58% 22 -35);
Decimal 15565033 Not supported in CSS

Color Variations

Shades

#ED82EA
#E962E4
#E442DF
#DF22D9
#C11CBB
#A1179C
#81127D
#600E5E

Tints

#FADAF9
#F8CDF6
#F6C1F4
#F4B4F2
#F3A8F0
#F19BEE
#EF8FEC
#ED82EA

Tones

#ED82EA
#E887E5
#E28DE0
#DD92DB
#D897D6
#D29DD1
#CDA2CC
#C8A8C7

Hues

#ED82EA
#ED8299
#EDBB82
#CFED82
#82ED86
#82EDD6
#82B4ED
#A082ED

Color Harmonies

Analogous

#BB82ED
Click to copy
Light Purple
89%
#ED80E9
Click to copy
Orchid
100%
#ED82B4
Click to copy
Light Magenta
88%

Complementary

#ED80E9
Click to copy
Orchid
100%
#82ED86
Click to copy
Light Green
59%

Split Complementary

#ED80E9
Click to copy
Orchid
100%
#B4ED82
Click to copy
Light Green
64%
#82EDBB
Click to copy
Light Cyan
64%

Triadic

#ED80E9
Click to copy
Orchid
100%
#EAED82
Click to copy
Light Yellow
66%
#82EAED
Click to copy
Light Cyan
66%

Tetradic

#ED80E9
Click to copy
Orchid
100%
#EDBB82
Click to copy
Light Orange
73%
#82ED86
Click to copy
Light Green
59%
#82B4ED
Click to copy
Light Blue
73%

Square

#ED80E9
Click to copy
Orchid
100%
#EDBB82
Click to copy
Light Orange
73%
#82ED86
Click to copy
Light Green
59%
#82B4ED
Click to copy
Light Blue
73%

CSS & Dev Snippets

CSS
.orchid {
  color: #ED80E9;
}
SCSS
$orchid: #ED80E9;
RGB
rgb(237, 128, 233)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags