#215F69 Color

Color Information

HEX#215F69
RGB33, 95, 105
HSL188° , 52% , 27%
HSV188° , 69% , 41%
CMYK69%, 10%, 0%, 59%

Lighter Shades

#3C727B #56858D #71999F #8CACB1 #A6BFC3 #C1D2D5

Darker Shades

#1D545C #194850 #153D43 #113137 #0D262A #091B1D

Complementary Palette

#1C525A #215F69 #5A251C #692B21 #7E4940 #40757E

Analogous Palette

#2B5545 #2F5B4B #1F5963 #215F69 #2F3F5B #445064

Triadic Palette

#1D545C #215F69 #701A64 #813577 #64701A #586317

Split Complementary Palette

#1E565F #215F69 #69213B #78374F #694E21 #5F461E

Square Palette

#1C5058 #215F69 #4D2862 #623028 #3B6921 #5A8145

Tetradic Palette

#1B4E56 #215F69 #221575 #692B21 #687515 #838E3F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #215F69 contains 33 red, 95 green, and 105 blue.

Contrast Ratio: 7.29:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.88:1