Egyptian Blue

#1434A4
RGB
20, 52, 164
HSL
227°, 78%, 36%
CMYK
88, 68, 0, 36
HSV
227°, 88%, 64%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #1434A4 color: #1434A4;
RGB 20, 52, 164 color: rgb(20, 52, 164);
RGB Percentage 8%, 20%, 64% color: rgb(8%, 20%, 64%);
CMYK 88%, 68%, 0%, 36% Not supported in CSS
HSL 227°, 78%, 36% color: hsl(227, 78%, 36%);
HSV 227°, 88%, 64% Not supported in CSS
CIE-LAB 29, -6, -37 color: lab(29% -6 -37);
Decimal 1324196 Not supported in CSS

Color Variations

Shades

#1433A3
#122E93
#102983
#0E2472
#0C1F62
#0A1A52
#081441
#060F31

Tints

#A8B8F4
#8BA1F1
#6E89ED
#5172E9
#345AE6
#1B45DE
#183CC0
#1433A3

Tones

#1433A3
#1B379C
#233B95
#2A3F8E
#314387
#384880
#3F4C78
#465071

Hues

#1433A3
#6114A3
#A3147B
#A31914
#A38414
#57A314
#14A33D
#149FA3

Color Harmonies

Analogous

#147BA3
Click to copy
Dark Cyan
84%
#1434A4
Click to copy
Egyptian Blue
100%
#3D14A3
Click to copy
Dark Blue
88%

Complementary

#1434A4
Click to copy
Egyptian Blue
100%
#A38414
Click to copy
Dark Orange
51%

Split Complementary

#1434A4
Click to copy
Egyptian Blue
100%
#A33D14
Click to copy
Dark Red
54%
#7BA314
Click to copy
Dark Yellow
53%

Triadic

#1434A4
Click to copy
Egyptian Blue
100%
#A31433
Click to copy
Dark Magenta
58%
#33A314
Click to copy
Dark Green
58%

Tetradic

#1434A4
Click to copy
Egyptian Blue
100%
#A3147B
Click to copy
Dark Purple
65%
#A38414
Click to copy
Dark Orange
51%
#14A33D
Click to copy
Dark Green
66%

Square

#1434A4
Click to copy
Egyptian Blue
100%
#A3147B
Click to copy
Dark Purple
65%
#A38414
Click to copy
Dark Orange
51%
#14A33D
Click to copy
Dark Green
66%

CSS & Dev Snippets

CSS
.egyptian-blue {
  color: #1434A4;
}
SCSS
$egyptian-blue: #1434A4;
RGB
rgb(20, 52, 164)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags