#299BC2 Color

Color Information

HEX#299BC2
RGB41, 155, 194
HSL195° , 65% , 46%
HSV195° , 79% , 76%
CMYK79%, 20%, 0%, 24%

Lighter Shades

#43A7C9 #5CB3D1 #76BFD8 #90CBDF #A9D7E7 #C3E3EE

Darker Shades

#2488AB #1F7693 #1A637C #155165 #103E4E #0B2B36

Complementary Palette

#2385A7 #299BC2 #A74423 #C24F29 #CB6847 #47A9CB

Analogous Palette

#3B9B83 #41AA90 #2792B6 #299BC2 #415BAA #5269AD

Triadic Palette

#2488AB #299BC2 #CD1DA1 #D338AC #A1CD1D #8EB41A

Split Complementary Palette

#258CAF #299BC2 #C2294F #C83E61 #C29B29 #AF8C25

Square Palette

#2282A3 #299BC2 #9635B6 #B65535 #4FC229 #6BCC4B

Tetradic Palette

#227F9F #299BC2 #4514D7 #C24F29 #A6D714 #B6DE3E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #299BC2 contains 41 red, 155 green, and 194 blue.

Contrast Ratio: 3.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.65:1