#9BAF53 Information

#9BAF53 color RGB value is (155 , 175 , 83) , HEX triplet: 9b, af and 53. RGB value is (155 , 175 , 83). Sum of RGB (Red+Green+Blue) = 155+175+83=413 (Red value is 155 (60.78% from 255 or 72.09% from 215); Green value is 175 (68.63% from 255 or 81.4% from 215); Blue value is 83 (32.55% from 255 or 38.6% from 215); Max value from RGB is 175 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #9BAF53 hue: 0.2 , saturation: 0.37 and the lightness value of 9baf53 is 0.51.

#9baf53
(155 , 175 , 83)
  • R (155)
  • G (175)
  • B (83)
  • C (7.84)
  • M (0)
  • Y (36.08)
  • K (31.37)

Applying the #9baf53

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

#96aa4e
#91a549
#8ca044
#879b3f
#82963a
#7d9135
#788c30
#73872b
#6e8226
#697d21
#64781c
#5f7317
#a7bb5f
#b3c76b
#bfd377
#cbdf83
#d7eb8f
#e3f79b
#efffa7
#fbffb3
#ffffbf
#ffffcb
#ffffd7
#ffffe3

Color spaces of #9baf53

Type Values
RGB 155 175 83
HSL 0.2 0.37 0.51
HSV 73 53 69
CMYK 7.84 0 36.08 31.37
XYZ 30.4089 38.253 13.9645
Hunter Lab 61.849 -20.4737 29.9115
CIE-Lab 68.2067 -20.9878 44.3242

Base Numbers

BaseRedGreenBlue
Decimal 155 175 83
Binary 10011011 10101111 1010011
Octal 233 257 123
Hex 9B AF 53

Monochromatic Colors

#b4c86c
#cde185
#e6fa9e
#ffffb7
#ffffd0
#ffffe9

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#9baf53 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#9BAF53 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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