#2a6473 hex color

In a RGB color space, hex #2a6473 is composed of 16.5% red, 39.2% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 63.5% cyan, 13% magenta, 0% yellow and 54.9% black. It has a hue angle of 192.3 degrees, a saturation of 46.5% and a lightness of 30.8%. #2a6473 color hex could be obtained by blending #54c8e6 with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 16
- G 39
- B 45
RGB color chart
- C 63
- M 13
- Y 0
- K 55
CMYK color chart

● #2a6473 color description : Dark moderate cyan.

The hexadecimal color #2a6473 has RGB values of R:42, G:100, B:115 and CMYK values of C:0.63, M:0.13, Y:0, K:0.55. Its decimal value is 2778227.

Hex triplet	2a6473	`#2a6473`
RGB Decimal	42, 100, 115	`rgb(42,100,115)`
RGB Percent	16.5, 39.2, 45.1	`rgb(16.5%,39.2%,45.1%)`
CMYK	63, 13, 0, 55
HSL	192.3°, 46.5, 30.8	`hsl(192.3,46.5%,30.8%)`
HSV (or HSB)	192.3°, 63.5, 45.1
Web Safe	336666	`#336666`

CIE-LAB	39.316, -13.912, -14.105
XYZ	8.606, 10.844, 17.858
xyY	0.231, 0.291, 10.844
CIE-LCH	39.316, 19.811, 225.393
CIE-LUV	39.316, -22.866, -17.516
Hunter-Lab	32.93, -10.979, -9.103
Binary	00101010, 01100100, 01110011

#2a6473
```
#2a6473 rgb(42,100,115)
```
#73392a
```
#73392a rgb(115,57,42)
```

Complementary Color

#2a735e
```
#2a735e rgb(42,115,94)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#2a4073
```
#2a4073 rgb(42,64,115)
```

Analogous Color

#735e2a
```
#735e2a rgb(115,94,42)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#732a40
```
#732a40 rgb(115,42,64)
```

Split Complementary Color

#64732a
```
#64732a rgb(100,115,42)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#732a64
```
#732a64 rgb(115,42,100)
```

Triadic Color

#2a7339
```
#2a7339 rgb(42,115,57)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#732a64
```
#732a64 rgb(115,42,100)
```
#73392a
```
#73392a rgb(115,57,42)
```

Tetradic Color

#16333b
```
#16333b rgb(22,51,59)
```
#1c444e
```
#1c444e rgb(28,68,78)
```
#235460
```
#235460 rgb(35,84,96)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#317486
```
#317486 rgb(49,116,134)
```
#388498
```
#388498 rgb(56,132,152)
```
#3e95ab
```
#3e95ab rgb(62,149,171)
```

Monochromatic Color

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

#2a7370
```
#2a7370 rgb(42,115,112)
```
#2a7073
```
#2a7073 rgb(42,112,115)
```
#2a6a73
```
#2a6a73 rgb(42,106,115)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#2a5e73
```
#2a5e73 rgb(42,94,115)
```
#2a5873
```
#2a5873 rgb(42,88,115)
```
#2a5273
```
#2a5273 rgb(42,82,115)
```

Similar Colors

Text with hexadecimal color #2a6473

This text has a font color of #2a6473.

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

#2a6473 background color

This paragraph has a background color of #2a6473.

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

#2a6473 border color

This element has a border color of #2a6473.

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

CSS codes

.text {color:#2a6473;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#050d0e
```
#050d0e rgb(5,13,14)
```
#0b191d
```
#0b191d rgb(11,25,29)
```
#10262b
```
#10262b rgb(16,38,43)
```
#15323a
```
#15323a rgb(21,50,58)
```
#1a3f48
```
#1a3f48 rgb(26,63,72)
```
#204b56
```
#204b56 rgb(32,75,86)
```
#255865
```
#255865 rgb(37,88,101)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#2f7081
```
#2f7081 rgb(47,112,129)
```
#347d90
```
#347d90 rgb(52,125,144)
```
#3a899e
```
#3a899e rgb(58,137,158)
```
#3f96ac
```
#3f96ac rgb(63,150,172)
```

Shade Color Variation

#44a2bb
```
#44a2bb rgb(68,162,187)
```
#53aac0
```
#53aac0 rgb(83,170,192)
```
#61b1c5
```
#61b1c5 rgb(97,177,197)
```
#6fb8cb
```
#6fb8cb rgb(111,184,203)
```
#7ebfd0
```
#7ebfd0 rgb(126,191,208)
```
#8cc6d5
```
#8cc6d5 rgb(140,198,213)
```
#9acdda
```
#9acdda rgb(154,205,218)
```
#a9d4e0
```
#a9d4e0 rgb(169,212,224)
```
#b7dbe5
```
#b7dbe5 rgb(183,219,229)
```
#c6e3ea
```
#c6e3ea rgb(198,227,234)
```
#d4eaef
```
#d4eaef rgb(212,234,239)
```
#e2f1f5
```
#e2f1f5 rgb(226,241,245)
```
#f1f8fa
```
#f1f8fa rgb(241,248,250)
```

Tint Color Variation

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

#4e4f4f
```
#4e4f4f rgb(78,79,79)
```
#485255
```
#485255 rgb(72,82,85)
```
#42565b
```
#42565b rgb(66,86,91)
```
#3c5961
```
#3c5961 rgb(60,89,97)
```
#365d67
```
#365d67 rgb(54,93,103)
```
#30606d
```
#30606d rgb(48,96,109)
```
#2a6473
```
#2a6473 rgb(42,100,115)
```
#246879
```
#246879 rgb(36,104,121)
```
#1e6b7f
```
#1e6b7f rgb(30,107,127)
```
#186f85
```
#186f85 rgb(24,111,133)
```
#12728b
```
#12728b rgb(18,114,139)
```
#0c7691
```
#0c7691 rgb(12,118,145)
```
#067997
```
#067997 rgb(6,121,151)
```

Tone Color Variation

Below, you can see how #2a6473 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
#4c575a Atypical Achromatopsia 0.001% of the population

Dichromacy

#616475 Protanopia 1% of men
#60637d Deuteranopia 1% of men
#326d74 Tritanopia 0.001% of the population

Trichromacy

#4d6474 Protanomaly 1% of men, 0.01% of women
#4c6379 Deuteranomaly 6% of men, 0.4% of women
#2f6974 Tritanomaly 0.01% of the population

#2a6473 hex color

#2a6473 Color Information

#2a6473 Color Conversion

Color Schemes with #2a6473

Alternatives to #2a6473

#2a6473 Preview

Shades and Tints of #2a6473

Tones of #2a6473

Color Blindness Simulator