#149CCD Information

#149CCD color RGB value is (20 , 156 , 205) , HEX triplet: 14, 9c and cd. RGB value is (20 , 156 , 205). Sum of RGB (Red+Green+Blue) = 20+156+205=381 (Red value is 20 (7.84% from 255 or 9.3% from 215); Green value is 156 (61.18% from 255 or 72.56% from 215); Blue value is 205 (80.39% from 255 or 95.35% from 215); Max value from RGB is 205 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #149CCD hue: 0.54 , saturation: 0.82 and the lightness value of 149ccd is 0.44.

#149ccd
(20 , 156 , 205)
  • R (20)
  • G (156)
  • B (205)
  • C (72.55)
  • M (19.22)
  • Y (0)
  • K (19.61)

Applying the #149ccd

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

#0f97c8
#0a92c3
#058dbe
#0088b9
#0083b4
#007eaf
#0079aa
#0074a5
#006fa0
#006a9b
#006596
#006091
#20a8d9
#2cb4e5
#38c0f1
#44ccfd
#50d8ff
#5ce4ff
#68f0ff
#74fcff
#80ffff
#8cffff
#98ffff
#a4ffff

Color spaces of #149ccd

Type Values
RGB 20 156 205
HSL 0.54 0.82 0.44
HSV 196 90 80
CMYK 72.55 19.22 0 19.61
XYZ 23.1964 28.3334 62.0039
Hunter Lab 53.2292 -15.3633 -31.7789
CIE-Lab 60.1888 -15.9378 -34.414

Base Numbers

BaseRedGreenBlue
Decimal 20 156 205
Binary 10100 10011100 11001101
Octal 24 234 315
Hex 14 9C CD

Monochromatic Colors

#2db5e6
#46ceff
#5fe7ff
#78ffff
#91ffff
#aaffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#149ccd Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#149CCD Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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