#3AF6FF Color

Color Information

HEX	#3AF6FF
RGB	58, 246, 255
HSL	183° , 100% , 61%
HSV	183° , 77% , 100%
CMYK	77%, 4%, 0%, 0%

Lighter Shades

#52F7FF #69F8FF #81F9FF #99FAFF #B0FBFF #C8FCFF

Darker Shades

#33D8E0 #2CBBC2 #259DA3 #1E8085 #176266 #104547

Complementary Palette

#32D4DB #3AF6FF #DB3930 #FF4238 #FF5C54 #56F7FF

Analogous Palette

#49D496 #4CEBA4 #37E7F0 #3AF6FF #4C94EB #5A9CED

Triadic Palette

#33D8E0 #3AF6FF #FF38F5 #FF50F6 #F5FF38 #D8E031

Split Complementary Palette

#34DDE6 #3AF6FF #FF3892 #FF4C9D #FFA538 #E69532

Square Palette

#31CFD6 #3AF6FF #A542F5 #F54B42 #92FF38 #A3FF58

Tetradic Palette

#30CAD1 #3AF6FF #4238FF #FF4238 #F5FF38 #F7FF5C

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3AF6FF contains 58 red, 246 green, and 255 blue.

Contrast Ratio: 1.33:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 15.82:1