#30D2F3 Color

Color Information

HEX#30D2F3
RGB48, 210, 243
HSL190° , 89% , 57%
HSV190° , 80% , 95%
CMYK80%, 14%, 0%, 5%

Lighter Shades

#49D7F4 #62DDF6 #7BE2F7 #93E8F9 #ACEDFA #C5F2FC

Darker Shades

#2AB9D6 #24A0B9 #1F869C #196D7E #135461 #0D3B44

Complementary Palette

#29B5D1 #30D2F3 #D14529 #F35030 #F5694D #4DD8F5

Analogous Palette

#46C89D #46DDAB #2DC5E4 #30D2F3 #4678DD #5785E0

Triadic Palette

#2AB9D6 #30D2F3 #FE25DA #FE3FDE #DAFE25 #C0E021

Split Complementary Palette

#2BBDDB #30D2F3 #F33071 #F4457F #F3B230 #DBA02B

Square Palette

#28B0CC #30D2F3 #AE3BE8 #E8583B #71F330 #88F551

Tetradic Palette

#27ACC7 #30D2F3 #4824FF #F35030 #DAFF24 #E1FF4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #30D2F3 contains 48 red, 210 green, and 243 blue.

Contrast Ratio: 1.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.74:1