#417B8D Information

#417B8D color RGB value is (65 , 123 , 141) , HEX triplet: 41, 7b and 8d. RGB value is (65 , 123 , 141). Sum of RGB (Red+Green+Blue) = 65+123+141=329 (Red value is 65 (25.49% from 255 or 30.23% from 215); Green value is 123 (48.24% from 255 or 57.21% from 215); Blue value is 141 (55.29% from 255 or 65.58% from 215); Max value from RGB is 141 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #417B8D hue: 0.54 , saturation: 0.37 and the lightness value of 417b8d is 0.4.

#417b8d
(65 , 123 , 141)
  • R (65)
  • G (123)
  • B (141)
  • C (29.8)
  • M (7.06)
  • Y (0)
  • K (44.71)

Applying the #417b8d

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

#3c7688
#377183
#326c7e
#2d6779
#286274
#235d6f
#1e586a
#195365
#144e60
#0f495b
#0a4456
#053f51
#4d8799
#5993a5
#659fb1
#71abbd
#7db7c9
#89c3d5
#95cfe1
#a1dbed
#ade7f9
#b9f3ff
#c5ffff
#d1ffff

Color spaces of #417b8d

Type Values
RGB 65 123 141
HSL 0.54 0.37 0.4
HSV 194 54 55
CMYK 29.8 7.06 0 44.71
XYZ 14.0707 17.2128 27.7801
Hunter Lab 41.4883 -12.0666 -10.6441
CIE-Lab 48.5271 -13.6322 -15.5957

Base Numbers

BaseRedGreenBlue
Decimal 65 123 141
Binary 1000001 1111011 10001101
Octal 101 173 215
Hex 41 7B 8D

Monochromatic Colors

#5a94a6
#73adbf
#8cc6d8
#a5dff1
#bef8ff
#d7ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#417b8d Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#417B8D Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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