#12696F Color

Color Information

HEX#12696F
RGB18, 105, 111
HSL184° , 72% , 25%
HSV184° , 84% , 44%
CMYK84%, 5%, 0%, 56%

Lighter Shades

#2E7B80 #4B8D92 #679FA3 #84B1B4 #A0C3C5 #BDD5D7

Darker Shades

#105C62 #0E5054 #0C4347 #09373A #072A2C #051D1F

Complementary Palette

#0F5A5F #12696F #5F150F #6E1812 #823833 #337E83

Analogous Palette

#1D593F #1F6144 #116368 #12696F #1F3B61 #354C69

Triadic Palette

#105C62 #12696F #740B6D #85287F #6D740B #60660A

Split Complementary Palette

#105F64 #12696F #6E123A #7D2A4E #6E4612 #633F10

Square Palette

#0F585D #12696F #451867 #671D18 #3A6E12 #5A8538

Tetradic Palette

#0F565B #12696F #0E0679 #6E1812 #717906 #8B9133

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #12696F contains 18 red, 105 green, and 111 blue.

Contrast Ratio: 6.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1