#3CC9DC Information

#3CC9DC color RGB value is (60 , 201 , 220) , HEX triplet: 3c, c9 and dc. RGB value is (60 , 201 , 220). Sum of RGB (Red+Green+Blue) = 60+201+220=481 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 201 (78.82% from 255 or 93.49% from 215); Blue value is 220 (86.27% from 255 or 102.33% from 215); Max value from RGB is 220 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3CC9DC hue: 0.52 , saturation: 0.7 and the lightness value of 3cc9dc is 0.55.

#3cc9dc
(60 , 201 , 220)
  • R (60)
  • G (201)
  • B (220)
  • C (62.75)
  • M (7.45)
  • Y (0)
  • K (13.73)

Applying the #3cc9dc

You are awesome !

If you don't really have a dream, you can't really push yourself you don't really know what the target is.

Color spaces of #3cc9dc

Type Values
RGB 60 201 220
HSL 0.52 0.7 0.55
HSV 187 73 86
CMYK 62.75 7.45 0 13.73
XYZ 35.6684 47.9013 75.0761
Hunter Lab 69.2107 -29.1267 -15.8445
CIE-Lab 74.7626 -30.5689 -20.2022

Base Numbers

BaseRedGreenBlue
Decimal 60 201 220
Binary 111100 11001001 11011100
Octal 74 311 334
Hex 3C C9 DC

Monochromatic Colors

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3cc9dc Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3CC9DC Color CSS Codes

You are Awesome !!

Text Color Example

<p style="color:#3cc9dc">Text here</p>
                                    
You are Awesome !!

Background Color Example

<p style="background:#3cc9dc">Text here</p>
                                    
You are Awesome !!

Border Color Example

<p style="border:2px solid #3cc9dc">You are Awesome</p>
                                    
You are Awesome !!

Box & Text Shadow Color Example

<p style="text-shadow: 1px 1px 1px #3cc9dc;
box-shadow: 1px 1px 4px #3cc9dc">You are Awesome</p>