#5874AF Information

#5874AF color RGB value is (88 , 116 , 175) , HEX triplet: 58, 74 and af. RGB value is (88 , 116 , 175). Sum of RGB (Red+Green+Blue) = 88+116+175=379 (Red value is 88 (34.51% from 255 or 40.93% from 215); Green value is 116 (45.49% from 255 or 53.95% from 215); Blue value is 175 (68.63% from 255 or 81.4% from 215); Max value from RGB is 175 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #5874AF hue: 0.61 , saturation: 0.35 and the lightness value of 5874af is 0.52.

#5874af
(88 , 116 , 175)
  • R (88)
  • G (116)
  • B (175)
  • C (34.12)
  • M (23.14)
  • Y (0)
  • K (31.37)

Applying the #5874af

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

#536faa
#4e6aa5
#4965a0
#44609b
#3f5b96
#3a5691
#35518c
#304c87
#2b4782
#26427d
#213d78
#1c3873
#6480bb
#708cc7
#7c98d3
#88a4df
#94b0eb
#a0bcf7
#acc8ff
#b8d4ff
#c4e0ff
#d0ecff
#dcf8ff
#e8ffff

Color spaces of #5874af

Type Values
RGB 88 116 175
HSL 0.61 0.35 0.52
HSV 221 50 69
CMYK 34.12 23.14 0 31.37
XYZ 18.0078 17.6606 43.0172
Hunter Lab 42.0246 2.9455 -31.2515
CIE-Lab 49.0819 6.6477 -34.5441

Base Numbers

BaseRedGreenBlue
Decimal 88 116 175
Binary 1011000 1110100 10101111
Octal 130 164 257
Hex 58 74 AF

Monochromatic Colors

#718dc8
#8aa6e1
#a3bffa
#bcd8ff
#d5f1ff
#eeffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#5874af Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#5874AF Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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