#469CD0 Information

#469CD0 color RGB value is (70 , 156 , 208) , HEX triplet: 46, 9c and d0. RGB value is (70 , 156 , 208). Sum of RGB (Red+Green+Blue) = 70+156+208=434 (Red value is 70 (27.45% from 255 or 32.56% from 215); Green value is 156 (61.18% from 255 or 72.56% from 215); Blue value is 208 (81.57% from 255 or 96.74% from 215); Max value from RGB is 208 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #469CD0 hue: 0.56 , saturation: 0.59 and the lightness value of 469cd0 is 0.55.

#469cd0
(70 , 156 , 208)
  • R (70)
  • G (156)
  • B (208)
  • C (54.12)
  • M (20.39)
  • Y (0)
  • K (18.43)

Applying the #469cd0

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

#4197cb
#3c92c6
#378dc1
#3288bc
#2d83b7
#287eb2
#2379ad
#1e74a8
#196fa3
#146a9e
#0f6599
#0a6094
#52a8dc
#5eb4e8
#6ac0f4
#76ccff
#82d8ff
#8ee4ff
#9af0ff
#a6fcff
#b2ffff
#beffff
#caffff
#d6ffff

Color spaces of #469cd0

Type Values
RGB 70 156 208
HSL 0.56 0.59 0.55
HSV 203 66 82
CMYK 54.12 20.39 0 18.43
XYZ 25.7994 29.6331 64.0345
Hunter Lab 54.4363 -10.6653 -31.6138
CIE-Lab 61.3363 -9.6082 -34.2257

Base Numbers

BaseRedGreenBlue
Decimal 70 156 208
Binary 1000110 10011100 11010000
Octal 106 234 320
Hex 46 9C D0

Monochromatic Colors

#5fb5e9
#78ceff
#91e7ff
#aaffff
#c3ffff
#dcffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#469cd0 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#469CD0 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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