#1BCCDF Information

#1BCCDF color RGB value is (27 , 204 , 223) , HEX triplet: 1b, cc and df. RGB value is (27 , 204 , 223). Sum of RGB (Red+Green+Blue) = 27+204+223=454 (Red value is 27 (10.59% from 255 or 12.56% from 215); Green value is 204 (80% from 255 or 94.88% from 215); Blue value is 223 (87.45% from 255 or 103.72% from 215); Max value from RGB is 223 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #1BCCDF hue: 0.52 , saturation: 0.78 and the lightness value of 1bccdf is 0.49.

#1bccdf
(27 , 204 , 223)
  • R (27)
  • G (204)
  • B (223)
  • C (76.86)
  • M (7.45)
  • Y (0)
  • K (12.55)

Applying the #1bccdf

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

#16c7da
#11c2d5
#0cbdd0
#07b8cb
#02b3c6
#00aec1
#00a9bc
#00a4b7
#009fb2
#009aad
#0095a8
#0090a3
#27d8eb
#33e4f7
#3ff0ff
#4bfcff
#57ffff
#63ffff
#6fffff
#7bffff
#87ffff
#93ffff
#9fffff
#abffff

Color spaces of #1bccdf

Type Values
RGB 27 204 223
HSL 0.52 0.78 0.49
HSV 186 88 87
CMYK 76.86 7.45 0 12.55
XYZ 35.3641 48.7465 77.3572
Hunter Lab 69.8187 -31.7695 -16.7955
CIE-Lab 75.2933 -33.8848 -21.0588

Base Numbers

BaseRedGreenBlue
Decimal 27 204 223
Binary 11011 11001100 11011111
Octal 33 314 337
Hex 1B CC DF

Monochromatic Colors

#34e5f8
#4dfeff
#66ffff
#7fffff
#98ffff
#b1ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#1bccdf Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#1BCCDF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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