#69BBF2 Color

Color Information

HEX#69BBF2
RGB105, 187, 242
HSL204° , 84% , 68%
HSV204° , 57% , 95%
CMYK57%, 23%, 0%, 5%

Lighter Shades

#7BC3F4 #8DCBF5 #9FD3F7 #B1DCF8 #C3E4FA #D5ECFB

Darker Shades

#5CA5D5 #508EB8 #43789B #37617E #2A4B61 #1D3444

Complementary Palette

#5AA1D0 #69BBF2 #D08A5A #F2A069 #F4AD7E #7EC5F4

Analogous Palette

#75CCC3 #79E2D7 #63B0E3 #69BBF2 #7984E2 #868FE4

Triadic Palette

#5CA5D5 #69BBF2 #FA61BD #FB74C5 #BDFA61 #A6DC55

Split Complementary Palette

#5FA8DA #69BBF2 #F26977 #F37885 #F2E469 #DACD5F

Square Palette

#589DCB #69BBF2 #DE71EA #EAA171 #77F269 #8DF481

Tetradic Palette

#5699C6 #69BBF2 #9D5CFF #F2A069 #BEFF5C #CAFF79

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #69BBF2 contains 105 red, 187 green, and 242 blue.

Contrast Ratio: 2.08:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.12:1