#45b316 hex color

In a RGB color space, hex #45b316 is composed of 27.1% red, 70.2% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 0% magenta, 87.7% yellow and 29.8% black. It has a hue angle of 102 degrees, a saturation of 78.1% and a lightness of 39.4%. #45b316 color hex could be obtained by blending #8aff2c with #006700. Closest websafe color is: #33cc00.

♥
- f
- t
- g
- R 27
- G 70
- B 9
RGB color chart
- C 61
- M 0
- Y 88
- K 30
CMYK color chart

● #45b316 color description : Strong green.

The hexadecimal color #45b316 has RGB values of R:69, G:179, B:22 and CMYK values of C:0.61, M:0, Y:0.88, K:0.3. Its decimal value is 4567830.

Hex triplet	45b316	`#45b316`
RGB Decimal	69, 179, 22	`rgb(69,179,22)`
RGB Percent	27.1, 70.2, 8.6	`rgb(27.1%,70.2%,8.6%)`
CMYK	61, 0, 88, 30
HSL	102°, 78.1, 39.4	`hsl(102,78.1%,39.4%)`
HSV (or HSB)	102°, 87.7, 70.2
Web Safe	33cc00	`#33cc00`

CIE-LAB	64.613, -56.569, 61.835
XYZ	18.718, 33.562, 6.251
xyY	0.32, 0.573, 33.562
CIE-LCH	64.613, 83.807, 132.453
CIE-LUV	64.613, -49.907, 75.681
Hunter-Lab	57.933, -43.708, 34.156
Binary	01000101, 10110011, 00010110

#45b316
```
#45b316 rgb(69,179,22)
```
#8416b3
```
#8416b3 rgb(132,22,179)
```

Complementary Color

#94b316
```
#94b316 rgb(148,179,22)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#16b336
```
#16b336 rgb(22,179,54)
```

Analogous Color

#b31694
```
#b31694 rgb(179,22,148)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#3616b3
```
#3616b3 rgb(54,22,179)
```

Split Complementary Color

#b31645
```
#b31645 rgb(179,22,69)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#1645b3
```
#1645b3 rgb(22,69,179)
```

Triadic Color

#b38416
```
#b38416 rgb(179,132,22)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#1645b3
```
#1645b3 rgb(22,69,179)
```
#8416b3
```
#8416b3 rgb(132,22,179)
```

Tetradic Color

#2b6f0e
```
#2b6f0e rgb(43,111,14)
```
#338610
```
#338610 rgb(51,134,16)
```
#3c9c13
```
#3c9c13 rgb(60,156,19)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#4eca19
```
#4eca19 rgb(78,202,25)
```
#57e01c
```
#57e01c rgb(87,224,28)
```
#66e630
```
#66e630 rgb(102,230,48)
```

Monochromatic Color

Below, you can see some colors close to #45b316. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#6cb316
```
#6cb316 rgb(108,179,22)
```
#5fb316
```
#5fb316 rgb(95,179,22)
```
#52b316
```
#52b316 rgb(82,179,22)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#38b316
```
#38b316 rgb(56,179,22)
```
#2bb316
```
#2bb316 rgb(43,179,22)
```
#1eb316
```
#1eb316 rgb(30,179,22)
```

Similar Colors

Text with hexadecimal color #45b316

This text has a font color of #45b316.

<span style="color:#45b316;">Text here</span>

#45b316 background color

This paragraph has a background color of #45b316.

<p style="background-color:#45b316;">Content here</p>

#45b316 border color

This element has a border color of #45b316.

<div style="border:1px solid #45b316;">Content here</div>

CSS codes

.text {color:#45b316;}

.background {background-color:#45b316;}

.border {border:1px solid #45b316;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #020401 is the darkest color, while #f5fdf2 is the lightest one.

#020401
```
#020401 rgb(2,4,1)
```
#081603
```
#081603 rgb(8,22,3)
```
#0f2705
```
#0f2705 rgb(15,39,5)
```
#163907
```
#163907 rgb(22,57,7)
```
#1d4a09
```
#1d4a09 rgb(29,74,9)
```
#235c0b
```
#235c0b rgb(35,92,11)
```
#2a6d0d
```
#2a6d0d rgb(42,109,13)
```
#317f10
```
#317f10 rgb(49,127,16)
```
#389012
```
#389012 rgb(56,144,18)
```
#3ea214
```
#3ea214 rgb(62,162,20)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#4cc418
```
#4cc418 rgb(76,196,24)
```
#52d61a
```
#52d61a rgb(82,214,26)
```

Shade Color Variation

#5be420
```
#5be420 rgb(91,228,32)
```
#68e632
```
#68e632 rgb(104,230,50)
```
#74e843
```
#74e843 rgb(116,232,67)
```
#81ea55
```
#81ea55 rgb(129,234,85)
```
#8eec66
```
#8eec66 rgb(142,236,102)
```
#9bee78
```
#9bee78 rgb(155,238,120)
```
#a8f189
```
#a8f189 rgb(168,241,137)
```
#b5f39b
```
#b5f39b rgb(181,243,155)
```
#c2f5ac
```
#c2f5ac rgb(194,245,172)
```
#cff7bd
```
#cff7bd rgb(207,247,189)
```
#dcf9cf
```
#dcf9cf rgb(220,249,207)
```
#e8fbe0
```
#e8fbe0 rgb(232,251,224)
```
#f5fdf2
```
#f5fdf2 rgb(245,253,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #646663 is the less saturated color, while #3fc207 is the most saturated one.

#646663
```
#646663 rgb(100,102,99)
```
#616d5c
```
#616d5c rgb(97,109,92)
```
#5e7554
```
#5e7554 rgb(94,117,84)
```
#5b7d4c
```
#5b7d4c rgb(91,125,76)
```
#588544
```
#588544 rgb(88,133,68)
```
#558c3d
```
#558c3d rgb(85,140,61)
```
#519435
```
#519435 rgb(81,148,53)
```
#4e9c2d
```
#4e9c2d rgb(78,156,45)
```
#4ba425
```
#4ba425 rgb(75,164,37)
```
#48ab1e
```
#48ab1e rgb(72,171,30)
```
#45b316
```
#45b316 rgb(69,179,22)
```
#42bb0e
```
#42bb0e rgb(66,187,14)
```
#3fc207
```
#3fc207 rgb(63,194,7)
```

Tone Color Variation

Below, you can see how #45b316 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#808080 Achromatopsia 0.005% of the population
#748a6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a21b Protanopia 1% of men
#c89a36 Deuteranopia 1% of men
#6faab7 Tritanopia 0.001% of the population

Trichromacy

#8ca819 Protanomaly 1% of men, 0.01% of women
#98a32a Deuteranomaly 6% of men, 0.4% of women
#60ad7c Tritanomaly 0.01% of the population

#45b316 hex color

#45b316 Color Information

#45b316 Color Conversion

Color Schemes with #45b316

Alternatives to #45b316

#45b316 Preview

Shades and Tints of #45b316

Tones of #45b316

Color Blindness Simulator