#30C5F2 Color

Color Information

HEX#30C5F2
RGB48, 197, 242
HSL194° , 88% , 57%
HSV194° , 80% , 95%
CMYK80%, 19%, 0%, 5%

Lighter Shades

#49CCF4 #62D3F5 #7BDAF7 #93E1F8 #ACE8FA #C5EFFB

Darker Shades

#2AADD5 #2496B8 #1F7E9B #19667E #134F61 #0D3744

Complementary Palette

#29A9D0 #30C5F2 #D0512A #F25E31 #F4754E #4DCDF4

Analogous Palette

#46C8A5 #47DCB4 #2DB9E3 #30C5F2 #476FDC #5479DE

Triadic Palette

#2AADD5 #30C5F2 #FD26CB #FD40D1 #CBFD26 #B3DF21

Split Complementary Palette

#2BB1DA #30C5F2 #F23164 #F34674 #F2BE31 #DAAB2C

Square Palette

#28A5CB #30C5F2 #B93CE7 #E7643C #64F231 #7DF452

Tetradic Palette

#27A2C6 #30C5F2 #5724FF #F25E31 #CCFF24 #D5FF4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30C5F2 contains 48 red, 197 green, and 242 blue.

Contrast Ratio: 2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.5:1