#0BA259 Information

#0BA259 color RGB value is (11 , 162 , 89) , HEX triplet: b, a2 and 59. RGB value is (11 , 162 , 89). Sum of RGB (Red+Green+Blue) = 11+162+89=262 (Red value is 11 (4.31% from 255 or 5.12% from 215); Green value is 162 (63.53% from 255 or 75.35% from 215); Blue value is 89 (34.9% from 255 or 41.4% from 215); Max value from RGB is 162 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #0BA259 hue: 0.42 , saturation: 0.87 and the lightness value of 0ba259 is 0.34.

#0ba259
(11 , 162 , 89)
  • R (11)
  • G (162)
  • B (89)
  • C (59.22)
  • M (0)
  • Y (28.63)
  • K (36.47)

Applying the #0ba259

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

#069d54
#01984f
#00934a
#008e45
#008940
#00843b
#007f36
#007a31
#00752c
#007027
#006b22
#00661d
#17ae65
#23ba71
#2fc67d
#3bd289
#47de95
#53eaa1
#5ff6ad
#6bffb9
#77ffc5
#83ffd1
#8fffdd
#9bffe9

Color spaces of #0ba259

Type Values
RGB 11 162 89
HSL 0.42 0.87 0.34
HSV 151 93 64
CMYK 59.22 0 28.63 36.47
XYZ 14.8615 26.6331 13.8086
Hunter Lab 51.6072 -38.9091 20.2657
CIE-Lab 58.6331 -52.3273 28.1947

Base Numbers

BaseRedGreenBlue
Decimal 11 162 89
Binary 1011 10100010 1011001
Octal 13 242 131
Hex B A2 59

Monochromatic Colors

#24bb72
#3dd48b
#56eda4
#6fffbd
#88ffd6
#a1ffef

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#0ba259 Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#0BA259 Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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