#1780B4 Information

#1780B4 color RGB value is (23 , 128 , 180) , HEX triplet: 17, 80 and b4. RGB value is (23 , 128 , 180). Sum of RGB (Red+Green+Blue) = 23+128+180=331 (Red value is 23 (9.02% from 255 or 10.7% from 215); Green value is 128 (50.2% from 255 or 59.53% from 215); Blue value is 180 (70.59% from 255 or 83.72% from 215); Max value from RGB is 180 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #1780B4 hue: 0.56 , saturation: 0.77 and the lightness value of 1780b4 is 0.4.

#1780b4
(23 , 128 , 180)
  • R (23)
  • G (128)
  • B (180)
  • C (61.57)
  • M (20.39)
  • Y (0)
  • K (29.41)

Applying the #1780b4

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

#127baf
#0d76aa
#0871a5
#036ca0
#00679b
#006296
#005d91
#00588c
#005387
#004e82
#00497d
#004478
#238cc0
#2f98cc
#3ba4d8
#47b0e4
#53bcf0
#5fc8fc
#6bd4ff
#77e0ff
#83ecff
#8ff8ff
#9bffff
#a7ffff

Color spaces of #1780b4

Type Values
RGB 23 128 180
HSL 0.56 0.77 0.4
HSV 200 87 71
CMYK 61.57 20.39 0 29.41
XYZ 16.3107 18.9158 45.9715
Hunter Lab 43.4923 -9.1691 -32.2027
CIE-Lab 50.5885 -9.1666 -35.2318

Base Numbers

BaseRedGreenBlue
Decimal 23 128 180
Binary 10111 10000000 10110100
Octal 27 200 264
Hex 17 80 B4

Monochromatic Colors

#3099cd
#49b2e6
#62cbff
#7be4ff
#94fdff
#adffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#1780b4 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#1780B4 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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