#227E8C Color

Color Information

HEX#227E8C
RGB34, 126, 140
HSL188° , 61% , 34%
HSV188° , 76% , 55%
CMYK76%, 10%, 0%, 45%

Lighter Shades

#3D8D9A #579DA8 #72ACB5 #8CBCC3 #A7CBD1 #C1DBDF

Darker Shades

#1E6F7B #1A606A #16515A #124249 #0E3238 #0A2327

Complementary Palette

#1D6C78 #227E8C #78291D #8C3022 #9C4D41 #41909C

Analogous Palette

#2F6F58 #337A60 #207684 #227E8C #334D7A #485C7F

Triadic Palette

#1E6F7B #227E8C #941984 #A13593 #849419 #748216

Split Complementary Palette

#1F717E #227E8C #8C2249 #98385B #8C6522 #7E5B1F

Square Palette

#1D6A76 #227E8C #622A83 #83362A #498C22 #669E45

Tetradic Palette

#1C6773 #227E8C #24129B #8C3022 #899B12 #9EAD3D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #227E8C contains 34 red, 126 green, and 140 blue.

Contrast Ratio: 4.7:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.47:1