#6A985F Information

#6A985F color RGB value is (106 , 152 , 95) , HEX triplet: 6a, 98 and 5f. RGB value is (106 , 152 , 95). Sum of RGB (Red+Green+Blue) = 106+152+95=353 (Red value is 106 (41.57% from 255 or 49.3% from 215); Green value is 152 (59.61% from 255 or 70.7% from 215); Blue value is 95 (37.25% from 255 or 44.19% from 215); Max value from RGB is 152 - color contains mainly: Green . Cylindrical-coordinate representations (also known as HSL) of color #6A985F hue: 0.3 , saturation: 0.23 and the lightness value of 6a985f is 0.48.

#6a985f
(106 , 152 , 95)
  • R (106)
  • G (152)
  • B (95)
  • C (18.04)
  • M (0)
  • Y (22.35)
  • K (40.39)

Applying the #6a985f

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

#65935a
#608e55
#5b8950
#56844b
#517f46
#4c7a41
#47753c
#427037
#3d6b32
#38662d
#336128
#2e5c23
#76a46b
#82b077
#8ebc83
#9ac88f
#a6d49b
#b2e0a7
#beecb3
#caf8bf
#d6ffcb
#e2ffd7
#eeffe3
#faffef

Color spaces of #6a985f

Type Values
RGB 106 152 95
HSL 0.3 0.23 0.48
HSV 108 38 60
CMYK 18.04 0 22.35 40.39
XYZ 19.2377 26.3469 14.898
Hunter Lab 51.3292 -22.9258 18.7273
CIE-Lab 58.3648 -26.9707 25.1562

Base Numbers

BaseRedGreenBlue
Decimal 106 152 95
Binary 1101010 10011000 1011111
Octal 152 230 137
Hex 6A 98 5F

Monochromatic Colors

#83b178
#9cca91
#b5e3aa
#cefcc3
#e7ffdc
#fffff5

Triadic Colors

Analogous Colors

Complementary Colors

Related Colors

#6a985f Preview on Black Background

You are Awesome !!

Gradient Power

  • Monochromatic Gradient

  • Triadic Gradient

  • Analogous Gradient

  • Related Color Gradient

#6A985F Color CSS Codes

You are Awesome !!

Text Color Example

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

Background Color Example

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

Border Color Example

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

Box & Text Shadow Color Example

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