#338EDE Color

Color Information

HEX#338EDE
RGB51, 142, 222
HSL208° , 72% , 54%
HSV208° , 77% , 87%
CMYK77%, 36%, 0%, 13%

Lighter Shades

#4B9CE2 #64A9E6 #7CB7EA #95C4EE #ADD2F2 #C6DFF6

Darker Shades

#2D7DC3 #276CA9 #215B8E #1B4A73 #143959 #0E283E

Complementary Palette

#2C7ABF #338EDE #BF722E #DE8435 #E39551 #509EE3

Analogous Palette

#4BB4B0 #4DC7C3 #3085D1 #338EDE #4D51C7 #5C60CC

Triadic Palette

#2D7DC3 #338EDE #EA2A90 #ED449D #90EA2A #7FCE25

Split Complementary Palette

#2E80C8 #338EDE #DE353B #E1494F #DED935 #C8C330

Square Palette

#2B77BA #338EDE #CE41D2 #D28541 #3BDE35 #5AE355

Tetradic Palette

#2A74B6 #338EDE #8320F3 #DE8435 #91F320 #A5F548

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #338EDE contains 51 red, 142 green, and 222 blue.

Contrast Ratio: 3.42:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 6.13:1