#2276A6 Color

Color Information

HEX	#2276A6
RGB	34, 118, 166
HSL	202° , 66% , 39%
HSV	202° , 80% , 65%
CMYK	80%, 29%, 0%, 35%

Lighter Shades

#3D86B1 #5797BB #72A7C6 #8CB8D1 #A7C8DB #C1D9E6

Darker Shades

#1E6892 #1A5A7E #164C6A #123D56 #0E2F42 #0A212E

Complementary Palette

#1D658F #2276A6 #8E471D #A55222 #B26A41 #4189B2

Analogous Palette

#32867B #369185 #206F9C #2276A6 #364291 #4A5396

Triadic Palette

#1E6892 #2276A6 #AF1878 #B93488 #78AF18 #6A9A15

Split Complementary Palette

#1F6A95 #2276A6 #A52233 #AE3847 #A59422 #95851F

Square Palette

#1D638B #2276A6 #8C2C9B #9B552C #33A522 #54B345

Tetradic Palette

#1C6188 #2276A6 #4D10B7 #A55222 #7AB710 #92C43B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2276A6 contains 34 red, 118 green, and 166 blue.

Contrast Ratio: 4.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.24:1