#3B7290 Information

#3B7290 color RGB value is (59 , 114 , 144) , HEX triplet: 3b, 72 and 90. RGB value is (59 , 114 , 144). Sum of RGB (Red+Green+Blue) = 59+114+144=317 (Red value is 59 (23.14% from 255 or 27.44% from 215); Green value is 114 (44.71% from 255 or 53.02% from 215); Blue value is 144 (56.47% from 255 or 66.98% from 215); Max value from RGB is 144 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #3B7290 hue: 0.56 , saturation: 0.42 and the lightness value of 3b7290 is 0.4.

#3b7290
(59 , 114 , 144)
  • R (59)
  • G (114)
  • B (144)
  • C (33.33)
  • M (11.76)
  • Y (0)
  • K (43.53)

Applying the #3b7290

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

#366d8b
#316886
#2c6381
#275e7c
#225977
#1d5472
#184f6d
#134a68
#0e4563
#09405e
#043b59
#003654
#477e9c
#538aa8
#5f96b4
#6ba2c0
#77aecc
#83bad8
#8fc6e4
#9bd2f0
#a7defc
#b3eaff
#bff6ff
#cbffff

Color spaces of #3b7290

Type Values
RGB 59 114 144
HSL 0.56 0.42 0.4
HSV 201 59 56
CMYK 33.33 11.76 0 43.53
XYZ 12.855 14.9781 28.5991
Hunter Lab 38.7015 -8.4373 -16.7067
CIE-Lab 45.6041 -8.8812 -21.8697

Base Numbers

BaseRedGreenBlue
Decimal 59 114 144
Binary 111011 1110010 10010000
Octal 73 162 220
Hex 3B 72 90

Monochromatic Colors

#548ba9
#6da4c2
#86bddb
#9fd6f4
#b8efff
#d1ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#3b7290 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#3B7290 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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