#2278B9 Color

Color Information

HEX	#2278B9
RGB	34, 120, 185
HSL	206° , 69% , 43%
HSV	206° , 82% , 73%
CMYK	82%, 35%, 0%, 27%

Lighter Shades

#3D88C1 #5798CA #72A9D2 #8CB9DB #A7C9E3 #C1D9EB

Darker Shades

#1E6AA3 #1A5B8D #164D76 #123E60 #0E304A #0A2234

Complementary Palette

#1D679F #2278B9 #9F561D #B96422 #C37A41 #418BC3

Analogous Palette

#33948E #38A39C #2071AE #2278B9 #383FA3 #4D53A8

Triadic Palette

#1E6AA3 #2278B9 #C41779 #CB3389 #79C417 #6AAC14

Split Complementary Palette

#1F6CA7 #2278B9 #B9222C #C03841 #B9AF22 #A79E1F

Square Palette

#1D659B #2278B9 #A62DAE #AE652D #2CB922 #4EC445

Tetradic Palette

#1C6298 #2278B9 #610ECD #B96422 #7ACD0E #92D639

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2278B9 contains 34 red, 120 green, and 185 blue.

Contrast Ratio: 4.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.49:1