Blue Iris

#5A4FCF
RGB
90, 79, 207
HSL
245°, 57%, 56%
CMYK
57, 62, 0, 19
HSV
245°, 62%, 81%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #5A4FCF color: #5A4FCF;
RGB 90, 79, 207 color: rgb(90, 79, 207);
RGB Percentage 35%, 31%, 81% color: rgb(35%, 31%, 81%);
CMYK 57%, 62%, 0%, 19% Not supported in CSS
HSL 245°, 57%, 56% color: hsl(245, 57%, 56%);
HSV 245°, 62%, 81% Not supported in CSS
CIE-LAB 45, 2, -43 color: lab(45% 2 -43);
Decimal 5918671 Not supported in CSS

Color Variations

Shades

#5A4FCF
#4438C9
#3C31B3
#342B9D
#2D2587
#251F70
#1E195A
#161243

Tints

#CDCAF1
#BDB9EC
#ACA7E7
#9C95E2
#8B84DD
#7B72D8
#6A60D4
#5A4FCF

Tones

#5A4FCF
#5F55C8
#645CC2
#6962BC
#6F68B5
#746FAF
#7975A8
#7F7CA2

Hues

#5A4FCF
#B94FCF
#CF4F84
#CF794F
#C4CF4F
#64CF4F
#4FCF99
#4FA4CF

Color Harmonies

Analogous

#4F84CF
Click to copy
Blue
88%
#5A4FCF
Click to copy
Blue iris
100%
#994FCF
Click to copy
Purple
86%

Complementary

#5A4FCF
Click to copy
Blue iris
100%
#C4CF4F
Click to copy
Yellow
52%

Split Complementary

#5A4FCF
Click to copy
Blue iris
100%
#CF994F
Click to copy
Orange
57%
#84CF4F
Click to copy
Green
58%

Triadic

#5A4FCF
Click to copy
Blue iris
100%
#CF5A4F
Click to copy
Red
61%
#4FCF5A
Click to copy
Green
61%

Tetradic

#5A4FCF
Click to copy
Blue iris
100%
#CF4F84
Click to copy
Magenta
68%
#C4CF4F
Click to copy
Yellow
52%
#4FCF99
Click to copy
Cyan
68%

Square

#5A4FCF
Click to copy
Blue iris
100%
#CF4F84
Click to copy
Magenta
68%
#C4CF4F
Click to copy
Yellow
52%
#4FCF99
Click to copy
Cyan
68%

CSS & Dev Snippets

CSS
.blue-iris {
  color: #5A4FCF;
}
SCSS
$blue-iris: #5A4FCF;
RGB
rgb(90, 79, 207)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags