#2a6568 hex color

In a RGB color space, hex #2a6568 is composed of 16.5% red, 39.6% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 2.9% magenta, 0% yellow and 59.2% black. It has a hue angle of 182.9 degrees, a saturation of 42.5% and a lightness of 28.6%. #2a6568 color hex could be obtained by blending #54cad0 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 40
- B 41
RGB color chart
- C 60
- M 3
- Y 0
- K 59
CMYK color chart

● #2a6568 color description : Very dark desaturated cyan.

The hexadecimal color #2a6568 has RGB values of R:42, G:101, B:104 and CMYK values of C:0.6, M:0.03, Y:0, K:0.59. Its decimal value is 2778472.

Hex triplet	2a6568	`#2a6568`
RGB Decimal	42, 101, 104	`rgb(42,101,104)`
RGB Percent	16.5, 39.6, 40.8	`rgb(16.5%,39.6%,40.8%)`
CMYK	60, 3, 0, 59
HSL	182.9°, 42.5, 28.6	`hsl(182.9,42.5%,28.6%)`
HSV (or HSB)	182.9°, 59.6, 40.8
Web Safe	336666	`#336666`

CIE-LAB	39.239, -18.008, -7.484
XYZ	8.106, 10.798, 14.753
xyY	0.241, 0.321, 10.798
CIE-LCH	39.239, 19.501, 202.568
CIE-LUV	39.239, -23.75, -7.611
Hunter-Lab	32.861, -13.473, -3.616
Binary	00101010, 01100101, 01101000

#2a6568
```
#2a6568 rgb(42,101,104)
```
#682d2a
```
#682d2a rgb(104,45,42)
```

Complementary Color

#2a684c
```
#2a684c rgb(42,104,76)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#2a4668
```
#2a4668 rgb(42,70,104)
```

Analogous Color

#684c2a
```
#684c2a rgb(104,76,42)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#682a46
```
#682a46 rgb(104,42,70)
```

Split Complementary Color

#65682a
```
#65682a rgb(101,104,42)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#682a65
```
#682a65 rgb(104,42,101)
```

Triadic Color

#2a682d
```
#2a682d rgb(42,104,45)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#682a65
```
#682a65 rgb(104,42,101)
```
#682d2a
```
#682d2a rgb(104,45,42)
```

Tetradic Color

#143032
```
#143032 rgb(20,48,50)
```
#1b4244
```
#1b4244 rgb(27,66,68)
```
#235356
```
#235356 rgb(35,83,86)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#31777a
```
#31777a rgb(49,119,122)
```
#39888c
```
#39888c rgb(57,136,140)
```
#409a9e
```
#409a9e rgb(64,154,158)
```

Monochromatic Color

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

#2a685b
```
#2a685b rgb(42,104,91)
```
#2a6861
```
#2a6861 rgb(42,104,97)
```
#2a6866
```
#2a6866 rgb(42,104,102)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#2a6068
```
#2a6068 rgb(42,96,104)
```
#2a5b68
```
#2a5b68 rgb(42,91,104)
```
#2a5668
```
#2a5668 rgb(42,86,104)
```

Similar Colors

Text with hexadecimal color #2a6568

This text has a font color of #2a6568.

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

#2a6568 background color

This paragraph has a background color of #2a6568.

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

#2a6568 border color

This element has a border color of #2a6568.

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

CSS codes

.text {color:#2a6568;}

.background {background-color:#2a6568;}

.border {border:1px solid #2a6568;}

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

#030606
```
#030606 rgb(3,6,6)
```
#081414
```
#081414 rgb(8,20,20)
```
#0e2122
```
#0e2122 rgb(14,33,34)
```
#132f30
```
#132f30 rgb(19,47,48)
```
#193c3e
```
#193c3e rgb(25,60,62)
```
#1f4a4c
```
#1f4a4c rgb(31,74,76)
```
#24575a
```
#24575a rgb(36,87,90)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#307376
```
#307376 rgb(48,115,118)
```
#358084
```
#358084 rgb(53,128,132)
```
#3b8e92
```
#3b8e92 rgb(59,142,146)
```
#419ba0
```
#419ba0 rgb(65,155,160)
```
#46a9ae
```
#46a9ae rgb(70,169,174)
```

Shade Color Variation

#50b3b8
```
#50b3b8 rgb(80,179,184)
```
#5eb9be
```
#5eb9be rgb(94,185,190)
```
#6bbfc3
```
#6bbfc3 rgb(107,191,195)
```
#79c5c9
```
#79c5c9 rgb(121,197,201)
```
#87cbcf
```
#87cbcf rgb(135,203,207)
```
#95d1d4
```
#95d1d4 rgb(149,209,212)
```
#a3d7da
```
#a3d7da rgb(163,215,218)
```
#b1dde0
```
#b1dde0 rgb(177,221,224)
```
#bfe3e5
```
#bfe3e5 rgb(191,227,229)
```
#cde9eb
```
#cde9eb rgb(205,233,235)
```
#dbf0f1
```
#dbf0f1 rgb(219,240,241)
```
#e9f6f6
```
#e9f6f6 rgb(233,246,246)
```
#f7fcfc
```
#f7fcfc rgb(247,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #464c4c is the less saturated color, while #03898f is the most saturated one.

#464c4c
```
#464c4c rgb(70,76,76)
```
#405152
```
#405152 rgb(64,81,82)
```
#3b5657
```
#3b5657 rgb(59,86,87)
```
#355b5d
```
#355b5d rgb(53,91,93)
```
#306062
```
#306062 rgb(48,96,98)
```
#2a6568
```
#2a6568 rgb(42,101,104)
```
#246a6e
```
#246a6e rgb(36,106,110)
```
#1f6f73
```
#1f6f73 rgb(31,111,115)
```
#197479
```
#197479 rgb(25,116,121)
```
#14797e
```
#14797e rgb(20,121,126)
```
#0e7e84
```
#0e7e84 rgb(14,126,132)
```
#08838a
```
#08838a rgb(8,131,138)
```
#03898f
```
#03898f rgb(3,137,143)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4c5758 Atypical Achromatopsia 0.001% of the population

Dichromacy

#64646a Protanopia 1% of men
#666273 Deuteranopia 1% of men
#376c74 Tritanopia 0.001% of the population

Trichromacy

#4f6469 Protanomaly 1% of men, 0.01% of women
#50636f Deuteranomaly 6% of men, 0.4% of women
#32696f Tritanomaly 0.01% of the population

#2a6568 hex color

#2a6568 Color Information

#2a6568 Color Conversion

Color Schemes with #2a6568

Alternatives to #2a6568

#2a6568 Preview

Shades and Tints of #2a6568

Tones of #2a6568

Color Blindness Simulator