#66BBF2 Color

Color Information

HEX#66BBF2
RGB102, 187, 242
HSL204° , 84% , 67%
HSV204° , 58% , 95%
CMYK58%, 23%, 0%, 5%

Lighter Shades

#78C3F4 #8BCBF5 #9DD3F7 #AFDCF8 #C2E4FA #D4ECFB

Darker Shades

#5AA5D5 #4E8EB8 #41789B #35617E #294B61 #1D3444

Complementary Palette

#58A1D0 #66BBF2 #D08756 #F29D64 #F4AB7A #7BC5F4

Analogous Palette

#71CCC3 #74E2D7 #60B0E3 #66BBF2 #747FE2 #818BE4

Triadic Palette

#5AA5D5 #66BBF2 #FB5BBB #FB6FC3 #BBFB5B #A5DD50

Split Complementary Palette

#5CA8DA #66BBF2 #F26472 #F37480 #F2E364 #DACC5A

Square Palette

#569DCB #66BBF2 #DD6CEA #EA9E6C #72F264 #89F47D

Tetradic Palette

#5499C6 #66BBF2 #9A57FF #F29D64 #BCFF57 #C8FF75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #66BBF2 contains 102 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.08:1