#456648 hex color

In a RGB color space, hex #456648 is composed of 27.1% red, 40% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 32.4% cyan, 0% magenta, 29.4% yellow and 60% black. It has a hue angle of 125.5 degrees, a saturation of 19.3% and a lightness of 33.5%. #456648 color hex could be obtained by blending #8acc90 with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 27
- G 40
- B 28
RGB color chart
- C 32
- M 0
- Y 29
- K 60
CMYK color chart

● #456648 color description : Very dark grayish lime green.

The hexadecimal color #456648 has RGB values of R:69, G:102, B:72 and CMYK values of C:0.32, M:0, Y:0.29, K:0.6. Its decimal value is 4548168.

Hex triplet	456648	`#456648`
RGB Decimal	69, 102, 72	`rgb(69,102,72)`
RGB Percent	27.1, 40, 28.2	`rgb(27.1%,40%,28.2%)`
CMYK	32, 0, 29, 60
HSL	125.5°, 19.3, 33.5	`hsl(125.5,19.3%,33.5%)`
HSV (or HSB)	125.5°, 32.4, 40
Web Safe	336633	`#336633`

CIE-LAB	39.974, -18.775, 13.239
XYZ	8.375, 11.236, 7.858
xyY	0.305, 0.409, 11.236
CIE-LCH	39.974, 22.973, 144.81
CIE-LUV	39.974, -15.976, 18.733
Hunter-Lab	33.519, -14.06, 9.564
Binary	01000101, 01100110, 01001000

#456648
```
#456648 rgb(69,102,72)
```
#664563
```
#664563 rgb(102,69,99)
```

Complementary Color

#536645
```
#536645 rgb(83,102,69)
```
#456648
```
#456648 rgb(69,102,72)
```
#456659
```
#456659 rgb(69,102,89)
```

Analogous Color

#664553
```
#664553 rgb(102,69,83)
```
#456648
```
#456648 rgb(69,102,72)
```
#594566
```
#594566 rgb(89,69,102)
```

Split Complementary Color

#664845
```
#664845 rgb(102,72,69)
```
#456648
```
#456648 rgb(69,102,72)
```
#484566
```
#484566 rgb(72,69,102)
```

Triadic Color

#636645
```
#636645 rgb(99,102,69)
```
#456648
```
#456648 rgb(69,102,72)
```
#484566
```
#484566 rgb(72,69,102)
```
#664563
```
#664563 rgb(102,69,99)
```

Tetradic Color

#263828
```
#263828 rgb(38,56,40)
```
#304833
```
#304833 rgb(48,72,51)
```
#3b573d
```
#3b573d rgb(59,87,61)
```
#456648
```
#456648 rgb(69,102,72)
```
#4f7553
```
#4f7553 rgb(79,117,83)
```
#5a845d
```
#5a845d rgb(90,132,93)
```
#649468
```
#649468 rgb(100,148,104)
```

Monochromatic Color

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

#4a6645
```
#4a6645 rgb(74,102,69)
```
#486645
```
#486645 rgb(72,102,69)
```
#456645
```
#456645 rgb(69,102,69)
```
#456648
```
#456648 rgb(69,102,72)
```
#45664b
```
#45664b rgb(69,102,75)
```
#45664e
```
#45664e rgb(69,102,78)
```
#456650
```
#456650 rgb(69,102,80)
```

Similar Colors

Text with hexadecimal color #456648

This text has a font color of #456648.

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

#456648 background color

This paragraph has a background color of #456648.

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

#456648 border color

This element has a border color of #456648.

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

CSS codes

.text {color:#456648;}

.background {background-color:#456648;}

.border {border:1px solid #456648;}

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, #060806 is the darkest color, while #fcfdfc is the lightest one.

#060806
```
#060806 rgb(6,8,6)
```
#0e140e
```
#0e140e rgb(14,20,14)
```
#162016
```
#162016 rgb(22,32,22)
```
#1d2b1f
```
#1d2b1f rgb(29,43,31)
```
#253727
```
#253727 rgb(37,55,39)
```
#2d432f
```
#2d432f rgb(45,67,47)
```
#354f37
```
#354f37 rgb(53,79,55)
```
#3d5a40
```
#3d5a40 rgb(61,90,64)
```
#456648
```
#456648 rgb(69,102,72)
```
#4d7250
```
#4d7250 rgb(77,114,80)
```
#557d59
```
#557d59 rgb(85,125,89)
```
#5d8961
```
#5d8961 rgb(93,137,97)
```
#659569
```
#659569 rgb(101,149,105)
```

Shade Color Variation

#6f9e74
```
#6f9e74 rgb(111,158,116)
```
#7ba67f
```
#7ba67f rgb(123,166,127)
```
#87ae8a
```
#87ae8a rgb(135,174,138)
```
#92b696
```
#92b696 rgb(146,182,150)
```
#9ebda1
```
#9ebda1 rgb(158,189,161)
```
#aac5ac
```
#aac5ac rgb(170,197,172)
```
#b5cdb8
```
#b5cdb8 rgb(181,205,184)
```
#c1d5c3
```
#c1d5c3 rgb(193,213,195)
```
#cdddce
```
#cdddce rgb(205,221,206)
```
#d9e5da
```
#d9e5da rgb(217,229,218)
```
#e4ede5
```
#e4ede5 rgb(228,237,229)
```
#f0f5f0
```
#f0f5f0 rgb(240,245,240)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#525953
```
#525953 rgb(82,89,83)
```
#4c5f4d
```
#4c5f4d rgb(76,95,77)
```
#456648
```
#456648 rgb(69,102,72)
```
#3e6d43
```
#3e6d43 rgb(62,109,67)
```
#38733d
```
#38733d rgb(56,115,61)
```
#317a38
```
#317a38 rgb(49,122,56)
```
#2b8032
```
#2b8032 rgb(43,128,50)
```
#24872d
```
#24872d rgb(36,135,45)
```
#1e8d28
```
#1e8d28 rgb(30,141,40)
```
#179422
```
#179422 rgb(23,148,34)
```
#109b1d
```
#109b1d rgb(16,155,29)
```
#0aa118
```
#0aa118 rgb(10,161,24)
```
#03a812
```
#03a812 rgb(3,168,18)
```

Tone Color Variation

Below, you can see how #456648 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

#595959 Achromatopsia 0.005% of the population
#555c56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d664e Protanopia 1% of men
#766255 Deuteranopia 1% of men
#556971 Tritanopia 0.001% of the population

Trichromacy

#5e664c Protanomaly 1% of men, 0.01% of women
#646350 Deuteranomaly 6% of men, 0.4% of women
#4f6862 Tritanomaly 0.01% of the population

#456648 hex color

#456648 Color Information

#456648 Color Conversion

Color Schemes with #456648

Alternatives to #456648

#456648 Preview

Shades and Tints of #456648

Tones of #456648

Color Blindness Simulator