#23B2D6 Color

Color Information

HEX#23B2D6
RGB35, 178, 214
HSL192° , 72% , 49%
HSV192° , 84% , 84%
CMYK84%, 17%, 0%, 16%

Lighter Shades

#3DBBDB #58C4E0 #72CEE5 #8DD7EA #A7E0EF #C1E9F4

Darker Shades

#1F9DBC #1B87A3 #167289 #125D6F #0E4756 #0A323C

Complementary Palette

#1E99B8 #23B2D6 #B93D1E #D74723 #DD6142 #42BDDC

Analogous Palette

#37AE8B #3CBE97 #21A7C9 #23B2D6 #3C63BE #4C70C2

Triadic Palette

#1F9DBC #23B2D6 #E316BA #E632C2 #BAE316 #A4C813

Split Complementary Palette

#20A0C1 #23B2D6 #D72359 #DB396A #D7A123 #C29120

Square Palette

#1D96B4 #23B2D6 #9C2FCA #CA4E2F #59D723 #74DD46

Tetradic Palette

#1D92AF #23B2D6 #390CED #D74723 #C0ED0C #CBF038

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #23B2D6 contains 35 red, 178 green, and 214 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.52:1