#2a6080 hex color

In a RGB color space, hex #2a6080 is composed of 16.5% red, 37.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 67.2% cyan, 25% magenta, 0% yellow and 49.8% black. It has a hue angle of 202.3 degrees, a saturation of 50.6% and a lightness of 33.3%. #2a6080 color hex could be obtained by blending #54c0ff with #000001. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 38
- B 50
RGB color chart
- C 67
- M 25
- Y 0
- K 50
CMYK color chart

● #2a6080 color description : Dark moderate blue.

The hexadecimal color #2a6080 has RGB values of R:42, G:96, B:128 and CMYK values of C:0.67, M:0.25, Y:0, K:0.5. Its decimal value is 2777216.

Hex triplet	2a6080	`#2a6080`
RGB Decimal	42, 96, 128	`rgb(42,96,128)`
RGB Percent	16.5, 37.6, 50.2	`rgb(16.5%,37.6%,50.2%)`
CMYK	67, 25, 0, 50
HSL	202.3°, 50.6, 33.3	`hsl(202.3,50.6%,33.3%)`
HSV (or HSB)	202.3°, 67.2, 50.2
Web Safe	336699	`#336699`

CIE-LAB	38.579, -7.077, -23.179
XYZ	9.033, 10.416, 21.955
xyY	0.218, 0.252, 10.416
CIE-LCH	38.579, 24.235, 253.02
CIE-LUV	38.579, -20.821, -31.478
Hunter-Lab	32.274, -6.518, -17.743
Binary	00101010, 01100000, 10000000

#2a6080
```
#2a6080 rgb(42,96,128)
```
#804a2a
```
#804a2a rgb(128,74,42)
```

Complementary Color

#2a8075
```
#2a8075 rgb(42,128,117)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#2a3580
```
#2a3580 rgb(42,53,128)
```

Analogous Color

#80752a
```
#80752a rgb(128,117,42)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#802a35
```
#802a35 rgb(128,42,53)
```

Split Complementary Color

#60802a
```
#60802a rgb(96,128,42)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#802a60
```
#802a60 rgb(128,42,96)
```

Triadic Color

#2a804a
```
#2a804a rgb(42,128,74)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#802a60
```
#802a60 rgb(128,42,96)
```
#804a2a
```
#804a2a rgb(128,74,42)
```

Tetradic Color

#173546
```
#173546 rgb(23,53,70)
```
#1d435a
```
#1d435a rgb(29,67,90)
```
#24526d
```
#24526d rgb(36,82,109)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#306e93
```
#306e93 rgb(48,110,147)
```
#377da6
```
#377da6 rgb(55,125,166)
```
#3d8bba
```
#3d8bba rgb(61,139,186)
```

Monochromatic Color

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

#2a7680
```
#2a7680 rgb(42,118,128)
```
#2a6e80
```
#2a6e80 rgb(42,110,128)
```
#2a6780
```
#2a6780 rgb(42,103,128)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#2a5980
```
#2a5980 rgb(42,89,128)
```
#2a5280
```
#2a5280 rgb(42,82,128)
```
#2a4a80
```
#2a4a80 rgb(42,74,128)
```

Similar Colors

Text with hexadecimal color #2a6080

This text has a font color of #2a6080.

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

#2a6080 background color

This paragraph has a background color of #2a6080.

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

#2a6080 border color

This element has a border color of #2a6080.

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

CSS codes

.text {color:#2a6080;}

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

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

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

#03070a
```
#03070a rgb(3,7,10)
```
#081219
```
#081219 rgb(8,18,25)
```
#0d1e27
```
#0d1e27 rgb(13,30,39)
```
#122936
```
#122936 rgb(18,41,54)
```
#173445
```
#173445 rgb(23,52,69)
```
#1b3f54
```
#1b3f54 rgb(27,63,84)
```
#204a62
```
#204a62 rgb(32,74,98)
```
#255571
```
#255571 rgb(37,85,113)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#2f6b8f
```
#2f6b8f rgb(47,107,143)
```
#34769e
```
#34769e rgb(52,118,158)
```
#3981ac
```
#3981ac rgb(57,129,172)
```
#3d8cbb
```
#3d8cbb rgb(61,140,187)
```

Shade Color Variation

#4996c3
```
#4996c3 rgb(73,150,195)
```
#589ec8
```
#589ec8 rgb(88,158,200)
```
#66a7cd
```
#66a7cd rgb(102,167,205)
```
#75afd2
```
#75afd2 rgb(117,175,210)
```
#84b8d7
```
#84b8d7 rgb(132,184,215)
```
#93c0db
```
#93c0db rgb(147,192,219)
```
#a1c9e0
```
#a1c9e0 rgb(161,201,224)
```
#b0d1e5
```
#b0d1e5 rgb(176,209,229)
```
#bfdaea
```
#bfdaea rgb(191,218,234)
```
#cee3ef
```
#cee3ef rgb(206,227,239)
```
#ddebf4
```
#ddebf4 rgb(221,235,244)
```
#ebf4f9
```
#ebf4f9 rgb(235,244,249)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#515659
```
#515659 rgb(81,86,89)
```
#4b585f
```
#4b585f rgb(75,88,95)
```
#445966
```
#445966 rgb(68,89,102)
```
#3e5b6c
```
#3e5b6c rgb(62,91,108)
```
#375d73
```
#375d73 rgb(55,93,115)
```
#315e79
```
#315e79 rgb(49,94,121)
```
#2a6080
```
#2a6080 rgb(42,96,128)
```
#236287
```
#236287 rgb(35,98,135)
```
#1d638d
```
#1d638d rgb(29,99,141)
```
#166594
```
#166594 rgb(22,101,148)
```
#10679a
```
#10679a rgb(16,103,154)
```
#0968a1
```
#0968a1 rgb(9,104,161)
```
#036aa7
```
#036aa7 rgb(3,106,167)
```

Tone Color Variation

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

Dichromacy

#596282 Protanopia 1% of men
#546288 Deuteranopia 1% of men
#276b73 Tritanopia 0.001% of the population

Trichromacy

#486181 Protanomaly 1% of men, 0.01% of women
#446185 Deuteranomaly 6% of men, 0.4% of women
#286778 Tritanomaly 0.01% of the population

#2a6080 hex color

#2a6080 Color Information

#2a6080 Color Conversion

Color Schemes with #2a6080

Alternatives to #2a6080

#2a6080 Preview

Shades and Tints of #2a6080

Tones of #2a6080

Color Blindness Simulator