#0F5396 Information

#0F5396 color RGB value is (15 , 83 , 150) , HEX triplet: f, 53 and 96. RGB value is (15 , 83 , 150). Sum of RGB (Red+Green+Blue) = 15+83+150=248 (Red value is 15 (5.88% from 255 or 6.98% from 215); Green value is 83 (32.55% from 255 or 38.6% from 215); Blue value is 150 (58.82% from 255 or 69.77% from 215); Max value from RGB is 150 - color contains mainly: Blue . Cylindrical-coordinate representations (also known as HSL) of color #0F5396 hue: 0.58 , saturation: 0.82 and the lightness value of 0f5396 is 0.32.

#0f5396
(15 , 83 , 150)
  • R (15)
  • G (83)
  • B (150)
  • C (52.94)
  • M (26.27)
  • Y (0)
  • K (41.18)

Applying the #0f5396

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

#0a4e91
#05498c
#004487
#003f82
#003a7d
#003578
#003073
#002b6e
#002669
#002164
#001c5f
#00175a
#1b5fa2
#276bae
#3377ba
#3f83c6
#4b8fd2
#579bde
#63a7ea
#6fb3f6
#7bbfff
#87cbff
#93d7ff
#9fe3ff

Color spaces of #0f5396

Type Values
RGB 15 83 150
HSL 0.58 0.82 0.32
HSV 210 90 59
CMYK 52.94 26.27 0 41.18
XYZ 8.7953 8.4901 30.0293
Hunter Lab 29.1377 2.8896 -40.6857
CIE-Lab 34.9834 6.3995 -42.2819

Base Numbers

BaseRedGreenBlue
Decimal 15 83 150
Binary 1111 1010011 10010110
Octal 17 123 226
Hex F 53 96

Monochromatic Colors

#286caf
#4185c8
#5a9ee1
#73b7fa
#8cd0ff
#a5e9ff

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#0f5396 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#0F5396 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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