#2a5d6d hex color

In a RGB color space, hex #2a5d6d is composed of 16.5% red, 36.5% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 14.7% magenta, 0% yellow and 57.3% black. It has a hue angle of 194.3 degrees, a saturation of 44.4% and a lightness of 29.6%. #2a5d6d color hex could be obtained by blending #54bada with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 36
- B 43
RGB color chart
- C 61
- M 15
- Y 0
- K 57
CMYK color chart

● #2a5d6d color description : Very dark cyan.

The hexadecimal color #2a5d6d has RGB values of R:42, G:93, B:109 and CMYK values of C:0.61, M:0.15, Y:0, K:0.57. Its decimal value is 2776429.

Hex triplet	2a5d6d	`#2a5d6d`
RGB Decimal	42, 93, 109	`rgb(42,93,109)`
RGB Percent	16.5, 36.5, 42.7	`rgb(16.5%,36.5%,42.7%)`
CMYK	61, 15, 0, 57
HSL	194.3°, 44.4, 29.6	`hsl(194.3,44.4%,29.6%)`
HSV (or HSB)	194.3°, 61.5, 42.7
Web Safe	336666	`#336666`

CIE-LAB	36.789, -11.86, -14.269
XYZ	7.629, 9.425, 15.884
xyY	0.232, 0.286, 9.425
CIE-LCH	36.789, 18.554, 230.268
CIE-LUV	36.789, -20.405, -17.699
Hunter-Lab	30.699, -9.367, -9.188
Binary	00101010, 01011101, 01101101

#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#6d3a2a
```
#6d3a2a rgb(109,58,42)
```

Complementary Color

#2a6d5c
```
#2a6d5c rgb(42,109,92)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#2a3c6d
```
#2a3c6d rgb(42,60,109)
```

Analogous Color

#6d5c2a
```
#6d5c2a rgb(109,92,42)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#6d2a3c
```
#6d2a3c rgb(109,42,60)
```

Split Complementary Color

#5d6d2a
```
#5d6d2a rgb(93,109,42)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#6d2a5d
```
#6d2a5d rgb(109,42,93)
```

Triadic Color

#2a6d3a
```
#2a6d3a rgb(42,109,58)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#6d2a5d
```
#6d2a5d rgb(109,42,93)
```
#6d3a2a
```
#6d3a2a rgb(109,58,42)
```

Tetradic Color

#152e36
```
#152e36 rgb(21,46,54)
```
#1c3e48
```
#1c3e48 rgb(28,62,72)
```
#234d5b
```
#234d5b rgb(35,77,91)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#316d7f
```
#316d7f rgb(49,109,127)
```
#387c92
```
#387c92 rgb(56,124,146)
```
#3f8ca4
```
#3f8ca4 rgb(63,140,164)
```

Monochromatic Color

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

#2a6d6c
```
#2a6d6c rgb(42,109,108)
```
#2a686d
```
#2a686d rgb(42,104,109)
```
#2a636d
```
#2a636d rgb(42,99,109)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#2a576d
```
#2a576d rgb(42,87,109)
```
#2a526d
```
#2a526d rgb(42,82,109)
```
#2a4c6d
```
#2a4c6d rgb(42,76,109)
```

Similar Colors

Text with hexadecimal color #2a5d6d

This text has a font color of #2a5d6d.

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

#2a5d6d background color

This paragraph has a background color of #2a5d6d.

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

#2a5d6d border color

This element has a border color of #2a5d6d.

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

CSS codes

.text {color:#2a5d6d;}

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

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

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, #04080a is the darkest color, while #fbfdfd is the lightest one.

#04080a
```
#04080a rgb(4,8,10)
```
#091518
```
#091518 rgb(9,21,24)
```
#0f2126
```
#0f2126 rgb(15,33,38)
```
#142d34
```
#142d34 rgb(20,45,52)
```
#1a3943
```
#1a3943 rgb(26,57,67)
```
#1f4551
```
#1f4551 rgb(31,69,81)
```
#25515f
```
#25515f rgb(37,81,95)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#2f697b
```
#2f697b rgb(47,105,123)
```
#357589
```
#357589 rgb(53,117,137)
```
#3a8197
```
#3a8197 rgb(58,129,151)
```
#408da6
```
#408da6 rgb(64,141,166)
```
#4599b4
```
#4599b4 rgb(69,153,180)
```

Shade Color Variation

#51a2bc
```
#51a2bc rgb(81,162,188)
```
#5faac1
```
#5faac1 rgb(95,170,193)
```
#6db1c7
```
#6db1c7 rgb(109,177,199)
```
#7bb9cc
```
#7bb9cc rgb(123,185,204)
```
#89c0d2
```
#89c0d2 rgb(137,192,210)
```
#98c8d7
```
#98c8d7 rgb(152,200,215)
```
#a6d0dd
```
#a6d0dd rgb(166,208,221)
```
#b4d7e2
```
#b4d7e2 rgb(180,215,226)
```
#c2dfe8
```
#c2dfe8 rgb(194,223,232)
```
#d0e6ed
```
#d0e6ed rgb(208,230,237)
```
#deeef2
```
#deeef2 rgb(222,238,242)
```
#edf5f8
```
#edf5f8 rgb(237,245,248)
```
#fbfdfd
```
#fbfdfd rgb(251,253,253)
```

Tint Color Variation

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

#474e50
```
#474e50 rgb(71,78,80)
```
#415156
```
#415156 rgb(65,81,86)
```
#3b545c
```
#3b545c rgb(59,84,92)
```
#365761
```
#365761 rgb(54,87,97)
```
#305a67
```
#305a67 rgb(48,90,103)
```
#2a5d6d
```
#2a5d6d rgb(42,93,109)
```
#246073
```
#246073 rgb(36,96,115)
```
#1e6379
```
#1e6379 rgb(30,99,121)
```
#19667e
```
#19667e rgb(25,102,126)
```
#136984
```
#136984 rgb(19,105,132)
```
#0d6c8a
```
#0d6c8a rgb(13,108,138)
```
#076f90
```
#076f90 rgb(7,111,144)
```
#017296
```
#017296 rgb(1,114,150)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#485356 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5b5e70 Protanopia 1% of men
#5a5d77 Deuteranopia 1% of men
#31666e Tritanopia 0.001% of the population

Trichromacy

#495d6f Protanomaly 1% of men, 0.01% of women
#485d73 Deuteranomaly 6% of men, 0.4% of women
#2e636d Tritanomaly 0.01% of the population

#2a5d6d hex color

#2a5d6d Color Information

#2a5d6d Color Conversion

Color Schemes with #2a5d6d

Alternatives to #2a5d6d

#2a5d6d Preview

Shades and Tints of #2a5d6d

Tones of #2a5d6d

Color Blindness Simulator