#30E2F6 Color

Color Information

HEX#30E2F6
RGB48, 226, 246
HSL186° , 92% , 58%
HSV186° , 80% , 96%
CMYK80%, 8%, 0%, 4%

Lighter Shades

#49E5F7 #62E9F8 #7BECF9 #93F0FA #ACF3FB #C5F7FC

Darker Shades

#2AC7D8 #24ACBB #1F919D #197680 #135A62 #0D3F45

Complementary Palette

#29C2D4 #30E2F6 #D43B2A #F64531 #F75F4E #4DE6F7

Analogous Palette

#44CA95 #47E1A3 #2DD4E7 #30E2F6 #4784E1 #548DE3

Triadic Palette

#2AC7D8 #30E2F6 #FF29EA #FF43ED #EAFF29 #CEE024

Split Complementary Palette

#2BCBDD #30E2F6 #F63180 #F7468D #F6A831 #DD972C

Square Palette

#28BECF #30E2F6 #A53CEC #EC4E3C #80F631 #94F752

Tetradic Palette

#27B9CA #30E2F6 #3E29FF #F64531 #EAFF29 #EEFF50

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30E2F6 contains 48 red, 226 green, and 246 blue.

Contrast Ratio: 1.57:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 13.41:1