#3C9490 Information

#3C9490 color RGB value is (60 , 148 , 144) , HEX triplet: 3c, 94 and 90. RGB value is (60 , 148 , 144). Sum of RGB (Red+Green+Blue) = 60+148+144=352 (Red value is 60 (23.53% from 255 or 27.91% from 215); Green value is 148 (58.04% from 255 or 68.84% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 148 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #3C9490 hue: 0.49 , saturation: 0.42 and the lightness value of 3c9490 is 0.41.

#3c9490
(60 , 148 , 144)
  • R (60)
  • G (148)
  • B (144)
  • C (34.51)
  • M (0)
  • Y (1.57)
  • K (41.96)

Applying the #3c9490

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.

Shades & Tints

#378f8b
#328a86
#2d8581
#28807c
#237b77
#1e7672
#19716d
#146c68
#0f6763
#0a625e
#055d59
#005854
#48a09c
#54aca8
#60b8b4
#6cc4c0
#78d0cc
#84dcd8
#90e8e4
#9cf4f0
#a8fffc
#b4ffff
#c0ffff
#ccffff

Color spaces of #3c9490

Type Values
RGB 60 148 144
HSL 0.49 0.42 0.41
HSV 177 59 58
CMYK 34.51 0 1.57 41.96
XYZ 17.4874 24.1541 30.1261
Hunter Lab 49.1468 -22.4927 -1.9283
CIE-Lab 56.2417 -27.0067 -5.7692

Base Numbers

BaseRedGreenBlue
Decimal 60 148 144
Binary 111100 10010100 10010000
Octal 74 224 220
Hex 3C 94 90

Monochromatic Colors

#55ada9
#6ec6c2
#87dfdb
#a0f8f4
#b9ffff
#d2ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3c9490 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3C9490 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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