#4171DC Information

#4171DC color RGB value is (65 , 113 , 220) , HEX triplet: 41, 71 and dc. RGB value is (65 , 113 , 220). Sum of RGB (Red+Green+Blue) = 65+113+220=398 (Red value is 65 (25.49% from 255 or 30.23% from 215); Green value is 113 (44.31% from 255 or 52.56% from 215); Blue value is 220 (86.27% from 255 or 102.33% from 215); Max value from RGB is 220 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #4171DC hue: 0.62 , saturation: 0.69 and the lightness value of 4171dc is 0.56.

#4171dc
(65 , 113 , 220)
  • R (65)
  • G (113)
  • B (220)
  • C (60.78)
  • M (41.96)
  • Y (0)
  • K (13.73)

Applying the #4171dc

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

#3c6cd7
#3767d2
#3262cd
#2d5dc8
#2858c3
#2353be
#1e4eb9
#1949b4
#1444af
#0f3faa
#0a3aa5
#0535a0
#4d7de8
#5989f4
#6595ff
#71a1ff
#7dadff
#89b9ff
#95c5ff
#a1d1ff
#adddff
#b9e9ff
#c5f5ff
#d1ffff

Color spaces of #4171dc

Type Values
RGB 65 113 220
HSL 0.62 0.69 0.56
HSV 221 70 86
CMYK 60.78 41.96 0 13.73
XYZ 21.0034 18.1014 70.0971
Hunter Lab 42.5457 13.6645 -67.867
CIE-Lab 49.6188 19.4477 -59.5578

Base Numbers

BaseRedGreenBlue
Decimal 65 113 220
Binary 1000001 1110001 11011100
Octal 101 161 334
Hex 41 71 DC

Monochromatic Colors

#5a8af5
#73a3ff
#8cbcff
#a5d5ff
#beeeff
#d7ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#4171dc Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#4171DC Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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