#063952 Information

#063952 color RGB value is (6 , 57 , 82) , HEX triplet: 6, 39 and 52. RGB value is (6 , 57 , 82). Sum of RGB (Red+Green+Blue) = 6+57+82=145 (Red value is 6 (2.35% from 255 or 2.79% from 215); Green value is 57 (22.35% from 255 or 26.51% from 215); Blue value is 82 (32.16% from 255 or 38.14% from 215); Max value from RGB is 82 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #063952 hue: 0.55 , saturation: 0.86 and the lightness value of 063952 is 0.17.

#063952
(6 , 57 , 82)
  • R (6)
  • G (57)
  • B (82)
  • C (29.8)
  • M (9.8)
  • Y (0)
  • K (67.84)

Applying the #063952

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

#01344d
#002f48
#002a43
#00253e
#002039
#001b34
#00162f
#00112a
#000c25
#000720
#00021b
#000016
#12455e
#1e516a
#2a5d76
#366982
#42758e
#4e819a
#5a8da6
#6699b2
#72a5be
#7eb1ca
#8abdd6
#96c9e2

Color spaces of #063952

Type Values
RGB 6 57 82
HSL 0.55 0.86 0.17
HSV 200 93 32
CMYK 29.8 9.8 0 67.84
XYZ 3.0612 3.5742 8.5112
Hunter Lab 18.9055 -4.1813 -13.4488
CIE-Lab 22.2105 -5.6181 -19.6343

Base Numbers

BaseRedGreenBlue
Decimal 6 57 82
Binary 110 111001 1010010
Octal 6 71 122
Hex 6 39 52

Monochromatic Colors

#1f526b
#386b84
#51849d
#6a9db6
#83b6cf
#9ccfe8

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#063952 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#063952 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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