#228BD7 Color

Color Information

HEX#228BD7
RGB34, 139, 215
HSL205° , 73% , 49%
HSV205° , 84% , 84%
CMYK84%, 35%, 0%, 16%

Lighter Shades

#3D99DC #57A7E1 #72B5E5 #8CC3EA #A7D1EF #C1DFF4

Darker Shades

#1E7ABD #1A6AA3 #16598A #124870 #0E3856 #0A273C

Complementary Palette

#1D78B9 #228BD7 #BA5F1D #D86E22 #DD8241 #419BDD

Analogous Palette

#36B0A5 #3BBFB4 #2083CA #228BD7 #3B46BF #4B55C3

Triadic Palette

#1E7ABD #228BD7 #E5158E #E8319C #8EE515 #7DCA12

Split Complementary Palette

#1F7DC2 #228BD7 #D82231 #DC3846 #D8C922 #C2B51F

Square Palette

#1D75B5 #228BD7 #BF2ECC #CC702E #31D822 #52DE45

Tetradic Palette

#1C72B0 #228BD7 #6A0BEF #D86E22 #90EF0B #A4F237

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #228BD7 contains 34 red, 139 green, and 215 blue.

Contrast Ratio: 3.62:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.81:1