#2A6DC6 Color

Color Information

HEX#2A6DC6
RGB42, 109, 198
HSL214° , 65% , 47%
HSV214° , 79% , 78%
CMYK79%, 45%, 0%, 22%

Lighter Shades

#447FCD #5D90D4 #77A2DB #90B3E1 #AAC5E8 #C3D6EF

Darker Shades

#2560AE #205396 #1B467F #163967 #112C4F #0C1F37

Complementary Palette

#245EAA #2A6DC6 #AA7024 #C6822A #CE9448 #4881CE

Analogous Palette

#3C989F #42A7AE #2766BA #2A6DC6 #4942AE #5953B2

Triadic Palette

#2560AE #2A6DC6 #D21E6C #D7397E #6CD21E #5FB91A

Split Complementary Palette

#2662B2 #2A6DC6 #C6342A #CC483F #BBC62A #A8B226

Square Palette

#235CA6 #2A6DC6 #BA36B1 #BA8136 #2AC634 #4CCF54

Tetradic Palette

#2259A2 #2A6DC6 #8514DB #C6822A #6BDB14 #86E13E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #2A6DC6 contains 42 red, 109 green, and 198 blue.

Contrast Ratio: 5.11:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.11:1