#225C88 Color

Color Information

HEX#225C88
RGB34, 92, 136
HSL206° , 60% , 33%
HSV206° , 75% , 53%
CMYK75%, 32%, 0%, 47%

Lighter Shades

#3D7096 #5783A5 #7297B3 #8CAAC1 #A7BECF #C1D1DE

Darker Shades

#1E5178 #1A4667 #163B57 #123047 #0E2536 #0A1A26

Complementary Palette

#1D4F75 #225C88 #74421D #874D22 #986641 #417399

Analogous Palette

#2E6B67 #327671 #205680 #225C88 #323776 #494B7E

Triadic Palette

#1E5178 #225C88 #8F195C #9C3570 #5C8F19 #517E16

Split Complementary Palette

#1F537A #225C88 #872228 #93383E #878022 #7A731F

Square Palette

#1D4D72 #225C88 #792A7E #7E4F2A #288722 #4A9A45

Tetradic Palette

#1C4B70 #225C88 #4B1396 #874D22 #5D9613 #7AA93D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #225C88 contains 34 red, 92 green, and 136 blue.

Contrast Ratio: 7.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.93:1