#2a6f6c hex color

In a RGB color space, hex #2a6f6c is composed of 16.5% red, 43.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 62.2% cyan, 0% magenta, 2.7% yellow and 56.5% black. It has a hue angle of 177.4 degrees, a saturation of 45.1% and a lightness of 30%. #2a6f6c color hex could be obtained by blending #54ded8 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 44
- B 42
RGB color chart
- C 62
- M 0
- Y 3
- K 56
CMYK color chart

● #2a6f6c color description : Very dark cyan.

The hexadecimal color #2a6f6c has RGB values of R:42, G:111, B:108 and CMYK values of C:0.62, M:0, Y:0.03, K:0.56. Its decimal value is 2781036.

Hex triplet	2a6f6c	`#2a6f6c`
RGB Decimal	42, 111, 108	`rgb(42,111,108)`
RGB Percent	16.5, 43.5, 42.4	`rgb(16.5%,43.5%,42.4%)`
CMYK	62, 0, 3, 56
HSL	177.4°, 45.1, 30	`hsl(177.4,45.1%,30%)`
HSV (or HSB)	177.4°, 62.2, 43.5
Web Safe	336666	`#336666`

CIE-LAB	42.677, -22.145, -4.793
XYZ	9.345, 12.943, 16.192
xyY	0.243, 0.336, 12.943
CIE-LCH	42.677, 22.658, 192.213
CIE-LUV	42.677, -27.487, -3.445
Hunter-Lab	35.976, -16.592, -1.502
Binary	00101010, 01101111, 01101100

#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#6f2a2d
```
#6f2a2d rgb(111,42,45)
```

Complementary Color

#2a6f4a
```
#2a6f4a rgb(42,111,74)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#2a4f6f
```
#2a4f6f rgb(42,79,111)
```

Analogous Color

#6f4a2a
```
#6f4a2a rgb(111,74,42)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#6f2a4f
```
#6f2a4f rgb(111,42,79)
```

Split Complementary Color

#6f6c2a
```
#6f6c2a rgb(111,108,42)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#6c2a6f
```
#6c2a6f rgb(108,42,111)
```

Triadic Color

#2d6f2a
```
#2d6f2a rgb(45,111,42)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#6c2a6f
```
#6c2a6f rgb(108,42,111)
```
#6f2a2d
```
#6f2a2d rgb(111,42,45)
```

Tetradic Color

#153836
```
#153836 rgb(21,56,54)
```
#1c4a48
```
#1c4a48 rgb(28,74,72)
```
#235d5a
```
#235d5a rgb(35,93,90)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#31827e
```
#31827e rgb(49,130,126)
```
#389490
```
#389490 rgb(56,148,144)
```
#3fa7a2
```
#3fa7a2 rgb(63,167,162)
```

Monochromatic Color

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

#2a6f5b
```
#2a6f5b rgb(42,111,91)
```
#2a6f61
```
#2a6f61 rgb(42,111,97)
```
#2a6f66
```
#2a6f66 rgb(42,111,102)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#2a6c6f
```
#2a6c6f rgb(42,108,111)
```
#2a676f
```
#2a676f rgb(42,103,111)
```
#2a616f
```
#2a616f rgb(42,97,111)
```

Similar Colors

Text with hexadecimal color #2a6f6c

This text has a font color of #2a6f6c.

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

#2a6f6c background color

This paragraph has a background color of #2a6f6c.

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

#2a6f6c border color

This element has a border color of #2a6f6c.

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

CSS codes

.text {color:#2a6f6c;}

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

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

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, #040b0b is the darkest color, while #fcfefe is the lightest one.

#040b0b
```
#040b0b rgb(4,11,11)
```
#0a1a19
```
#0a1a19 rgb(10,26,25)
```
#0f2827
```
#0f2827 rgb(15,40,39)
```
#143635
```
#143635 rgb(20,54,53)
```
#1a4442
```
#1a4442 rgb(26,68,66)
```
#1f5350
```
#1f5350 rgb(31,83,80)
```
#25615e
```
#25615e rgb(37,97,94)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#2f7d7a
```
#2f7d7a rgb(47,125,122)
```
#358b88
```
#358b88 rgb(53,139,136)
```
#3a9a96
```
#3a9a96 rgb(58,154,150)
```
#40a8a3
```
#40a8a3 rgb(64,168,163)
```
#45b6b1
```
#45b6b1 rgb(69,182,177)
```

Shade Color Variation

#51bdb9
```
#51bdb9 rgb(81,189,185)
```
#60c3be
```
#60c3be rgb(96,195,190)
```
#6ec8c4
```
#6ec8c4 rgb(110,200,196)
```
#7ccdca
```
#7ccdca rgb(124,205,202)
```
#8ad3d0
```
#8ad3d0 rgb(138,211,208)
```
#99d8d5
```
#99d8d5 rgb(153,216,213)
```
#a7dedb
```
#a7dedb rgb(167,222,219)
```
#b5e3e1
```
#b5e3e1 rgb(181,227,225)
```
#c3e8e7
```
#c3e8e7 rgb(195,232,231)
```
#d1eeed
```
#d1eeed rgb(209,238,237)
```
#e0f3f2
```
#e0f3f2 rgb(224,243,242)
```
#eef9f8
```
#eef9f8 rgb(238,249,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#475251
```
#475251 rgb(71,82,81)
```
#425757
```
#425757 rgb(66,87,87)
```
#3c5d5c
```
#3c5d5c rgb(60,93,92)
```
#366361
```
#366361 rgb(54,99,97)
```
#306967
```
#306967 rgb(48,105,103)
```
#2a6f6c
```
#2a6f6c rgb(42,111,108)
```
#247571
```
#247571 rgb(36,117,113)
```
#1e7b77
```
#1e7b77 rgb(30,123,119)
```
#18817c
```
#18817c rgb(24,129,124)
```
#128781
```
#128781 rgb(18,135,129)
```
#0d8c87
```
#0d8c87 rgb(13,140,135)
```
#07928c
```
#07928c rgb(7,146,140)
```
#019892
```
#019892 rgb(1,152,146)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#505e5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e6c6e Protanopia 1% of men
#716a78 Deuteranopia 1% of men
#3a747d Tritanopia 0.001% of the population

Trichromacy

#556d6d Protanomaly 1% of men, 0.01% of women
#576b73 Deuteranomaly 6% of men, 0.4% of women
#347277 Tritanomaly 0.01% of the population

#2a6f6c hex color

#2a6f6c Color Information

#2a6f6c Color Conversion

Color Schemes with #2a6f6c

Alternatives to #2a6f6c

#2a6f6c Preview

Shades and Tints of #2a6f6c

Tones of #2a6f6c

Color Blindness Simulator