#041D59 Information

#041D59 color RGB value is (4 , 29 , 89) , HEX triplet: 4, 1d and 59. RGB value is (4 , 29 , 89). Sum of RGB (Red+Green+Blue) = 4+29+89=122 (Red value is 4 (1.57% from 255 or 1.86% from 215); Green value is 29 (11.37% from 255 or 13.49% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 89 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #041D59 hue: 0.62 , saturation: 0.91 and the lightness value of 041d59 is 0.18.

#041d59
(4 , 29 , 89)
  • R (4)
  • G (29)
  • B (89)
  • C (33.33)
  • M (23.53)
  • Y (0)
  • K (65.1)

Applying the #041d59

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

#001854
#00134f
#000e4a
#000945
#000440
#00003b
#000036
#000031
#00002c
#000027
#000022
#00001d
#102965
#1c3571
#28417d
#344d89
#405995
#4c65a1
#5871ad
#647db9
#7089c5
#7c95d1
#88a1dd
#94ade9

Color spaces of #041d59

Type Values
RGB 4 29 89
HSL 0.62 0.91 0.18
HSV 222 96 35
CMYK 33.33 23.53 0 65.1
XYZ 2.2926 1.6258 9.6442
Hunter Lab 12.7507 9.7809 -35.9028
CIE-Lab 13.3865 17.8005 -38.4857

Base Numbers

BaseRedGreenBlue
Decimal 4 29 89
Binary 100 11101 1011001
Octal 4 35 131
Hex 4 1D 59

Monochromatic Colors

#1d3672
#364f8b
#4f68a4
#6881bd
#819ad6
#9ab3ef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#041d59 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#041D59 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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