#4B698F Information

#4B698F color RGB value is (75 , 105 , 143) , HEX triplet: 4b, 69 and 8f. RGB value is (75 , 105 , 143). Sum of RGB (Red+Green+Blue) = 75+105+143=323 (Red value is 75 (29.41% from 255 or 34.88% from 215); Green value is 105 (41.18% from 255 or 48.84% from 215); Blue value is 143 (56.08% from 255 or 66.51% from 215); Max value from RGB is 143 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #4B698F hue: 0.59 , saturation: 0.31 and the lightness value of 4b698f is 0.43.

#4b698f
(75 , 105 , 143)
  • R (75)
  • G (105)
  • B (143)
  • C (26.67)
  • M (14.9)
  • Y (0)
  • K (43.92)

Applying the #4b698f

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

#46648a
#415f85
#3c5a80
#37557b
#325076
#2d4b71
#28466c
#234167
#1e3c62
#19375d
#143258
#0f2d53
#57759b
#6381a7
#6f8db3
#7b99bf
#87a5cb
#93b1d7
#9fbde3
#abc9ef
#b7d5fb
#c3e1ff
#cfedff
#dbf9ff

Color spaces of #4b698f

Type Values
RGB 75 105 143
HSL 0.59 0.31 0.43
HSV 214 48 56
CMYK 26.67 14.9 0 43.92
XYZ 12.9112 13.5822 27.9277
Hunter Lab 36.854 -1.96 -19.1158
CIE-Lab 43.6277 0.0113 -24.2672

Base Numbers

BaseRedGreenBlue
Decimal 75 105 143
Binary 1001011 1101001 10001111
Octal 113 151 217
Hex 4B 69 8F

Monochromatic Colors

#6482a8
#7d9bc1
#96b4da
#afcdf3
#c8e6ff
#e1ffff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#4b698f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#4B698F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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