#456868 hex color

In a RGB color space, hex #456868 is composed of 27.1% red, 40.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 33.7% cyan, 0% magenta, 0% yellow and 59.2% black. It has a hue angle of 180 degrees, a saturation of 20.2% and a lightness of 33.9%. #456868 color hex could be obtained by blending #8ad0d0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 27
- G 41
- B 41
RGB color chart
- C 34
- M 0
- Y 0
- K 59
CMYK color chart

● #456868 color description : Very dark grayish cyan.

The hexadecimal color #456868 has RGB values of R:69, G:104, B:104 and CMYK values of C:0.34, M:0, Y:0, K:0.59. Its decimal value is 4548712.

Hex triplet	456868	`#456868`
RGB Decimal	69, 104, 104	`rgb(69,104,104)`
RGB Percent	27.1, 40.8, 40.8	`rgb(27.1%,40.8%,40.8%)`
CMYK	34, 0, 0, 59
HSL	180°, 20.2, 33.9	`hsl(180,20.2%,33.9%)`
HSV (or HSB)	180°, 33.7, 40.8
Web Safe	336666	`#336666`

CIE-LAB	41.477, -12.472, -4.017
XYZ	9.903, 12.165, 14.922
xyY	0.268, 0.329, 12.165
CIE-LCH	41.477, 13.102, 197.852
CIE-LUV	41.477, -16.611, -3.589
Hunter-Lab	34.878, -10.357, -0.952
Binary	01000101, 01101000, 01101000

#456868
```
#456868 rgb(69,104,104)
```
#684545
```
#684545 rgb(104,69,69)
```

Complementary Color

#456857
```
#456857 rgb(69,104,87)
```
#456868
```
#456868 rgb(69,104,104)
```
#455768
```
#455768 rgb(69,87,104)
```

Analogous Color

#685745
```
#685745 rgb(104,87,69)
```
#456868
```
#456868 rgb(69,104,104)
```
#684557
```
#684557 rgb(104,69,87)
```

Split Complementary Color

#686845
```
#686845 rgb(104,104,69)
```
#456868
```
#456868 rgb(69,104,104)
```
#684568
```
#684568 rgb(104,69,104)
```

Triadic Color

#456845
```
#456845 rgb(69,104,69)
```
#456868
```
#456868 rgb(69,104,104)
```
#684568
```
#684568 rgb(104,69,104)
```
#684545
```
#684545 rgb(104,69,69)
```

Tetradic Color

#263a3a
```
#263a3a rgb(38,58,58)
```
#314949
```
#314949 rgb(49,73,73)
```
#3b5959
```
#3b5959 rgb(59,89,89)
```
#456868
```
#456868 rgb(69,104,104)
```
#4f7777
```
#4f7777 rgb(79,119,119)
```
#598787
```
#598787 rgb(89,135,135)
```
#649696
```
#649696 rgb(100,150,150)
```

Monochromatic Color

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

#45685f
```
#45685f rgb(69,104,95)
```
#456862
```
#456862 rgb(69,104,98)
```
#456865
```
#456865 rgb(69,104,101)
```
#456868
```
#456868 rgb(69,104,104)
```
#456568
```
#456568 rgb(69,101,104)
```
#456268
```
#456268 rgb(69,98,104)
```
#455f68
```
#455f68 rgb(69,95,104)
```

Similar Colors

Text with hexadecimal color #456868

This text has a font color of #456868.

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

#456868 background color

This paragraph has a background color of #456868.

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

#456868 border color

This element has a border color of #456868.

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

CSS codes

.text {color:#456868;}

.background {background-color:#456868;}

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

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, #060a0a is the darkest color, while #fdfefe is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0e1515
```
#0e1515 rgb(14,21,21)
```
#162121
```
#162121 rgb(22,33,33)
```
#1e2d2d
```
#1e2d2d rgb(30,45,45)
```
#263939
```
#263939 rgb(38,57,57)
```
#2e4545
```
#2e4545 rgb(46,69,69)
```
#355050
```
#355050 rgb(53,80,80)
```
#3d5c5c
```
#3d5c5c rgb(61,92,92)
```
#456868
```
#456868 rgb(69,104,104)
```
#4d7474
```
#4d7474 rgb(77,116,116)
```
#558080
```
#558080 rgb(85,128,128)
```
#5c8b8b
```
#5c8b8b rgb(92,139,139)
```
#649797
```
#649797 rgb(100,151,151)
```

Shade Color Variation

#6fa0a0
```
#6fa0a0 rgb(111,160,160)
```
#7ba8a8
```
#7ba8a8 rgb(123,168,168)
```
#87afaf
```
#87afaf rgb(135,175,175)
```
#93b7b7
```
#93b7b7 rgb(147,183,183)
```
#9fbfbf
```
#9fbfbf rgb(159,191,191)
```
#aac7c7
```
#aac7c7 rgb(170,199,199)
```
#b6cfcf
```
#b6cfcf rgb(182,207,207)
```
#c2d6d6
```
#c2d6d6 rgb(194,214,214)
```
#cedede
```
#cedede rgb(206,222,222)
```
#d9e6e6
```
#d9e6e6 rgb(217,230,230)
```
#e5eeee
```
#e5eeee rgb(229,238,238)
```
#f1f6f6
```
#f1f6f6 rgb(241,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #525b5b is the less saturated color, while #02abab is the most saturated one.

#525b5b
```
#525b5b rgb(82,91,91)
```
#4c6161
```
#4c6161 rgb(76,97,97)
```
#456868
```
#456868 rgb(69,104,104)
```
#3e6f6f
```
#3e6f6f rgb(62,111,111)
```
#387575
```
#387575 rgb(56,117,117)
```
#317c7c
```
#317c7c rgb(49,124,124)
```
#2a8383
```
#2a8383 rgb(42,131,131)
```
#248989
```
#248989 rgb(36,137,137)
```
#1d9090
```
#1d9090 rgb(29,144,144)
```
#169797
```
#169797 rgb(22,151,151)
```
#109d9d
```
#109d9d rgb(16,157,157)
```
#09a4a4
```
#09a4a4 rgb(9,164,164)
```
#02abab
```
#02abab rgb(2,171,171)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#596060 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6b696c Protanopia 1% of men
#6f6772 Deuteranopia 1% of men
#506e76 Tritanopia 0.001% of the population

Trichromacy

#5d686a Protanomaly 1% of men, 0.01% of women
#60676e Deuteranomaly 6% of men, 0.4% of women
#4c6c71 Tritanomaly 0.01% of the population

#456868 hex color

#456868 Color Information

#456868 Color Conversion

Color Schemes with #456868

Alternatives to #456868

#456868 Preview

Shades and Tints of #456868

Tones of #456868

Color Blindness Simulator