#2a6cc7 hex color

In a RGB color space, hex #2a6cc7 is composed of 16.5% red, 42.4% green and 78% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 45.7% magenta, 0% yellow and 22% black. It has a hue angle of 214.8 degrees, a saturation of 65.1% and a lightness of 47.3%. #2a6cc7 color hex could be obtained by blending #54d8ff with #00008f. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 16
- G 42
- B 78
RGB color chart
- C 79
- M 46
- Y 0
- K 22
CMYK color chart

● #2a6cc7 color description : Strong blue.

The hexadecimal color #2a6cc7 has RGB values of R:42, G:108, B:199 and CMYK values of C:0.79, M:0.46, Y:0, K:0.22. Its decimal value is 2780359.

Hex triplet	2a6cc7	`#2a6cc7`
RGB Decimal	42, 108, 199	`rgb(42,108,199)`
RGB Percent	16.5, 42.4, 78	`rgb(16.5%,42.4%,78%)`
CMYK	79, 46, 0, 22
HSL	214.8°, 65.1, 47.3	`hsl(214.8,65.1%,47.3%)`
HSV (or HSB)	214.8°, 78.9, 78
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.096, 11.966, -53.288
XYZ	16.624, 15.34, 56.114
xyY	0.189, 0.174, 15.34
CIE-LCH	46.096, 54.615, 282.656
CIE-LUV	46.096, -22.551, -81.329
Hunter-Lab	39.166, 7.224, -57.531
Binary	00101010, 01101100, 11000111

#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#c7852a
```
#c7852a rgb(199,133,42)
```

Complementary Color

#2abbc7
```
#2abbc7 rgb(42,187,199)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#362ac7
```
#362ac7 rgb(54,42,199)
```

Analogous Color

#bbc72a
```
#bbc72a rgb(187,199,42)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#c7362a
```
#c7362a rgb(199,54,42)
```

Split Complementary Color

#6cc72a
```
#6cc72a rgb(108,199,42)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#c72a6c
```
#c72a6c rgb(199,42,108)
```

Triadic Color

#2ac785
```
#2ac785 rgb(42,199,133)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#c72a6c
```
#c72a6c rgb(199,42,108)
```
#c7852a
```
#c7852a rgb(199,133,42)
```

Tetradic Color

#1d4a88
```
#1d4a88 rgb(29,74,136)
```
#21559d
```
#21559d rgb(33,85,157)
```
#2661b2
```
#2661b2 rgb(38,97,178)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#3679d5
```
#3679d5 rgb(54,121,213)
```
#4b87d9
```
#4b87d9 rgb(75,135,217)
```
#6095dd
```
#6095dd rgb(96,149,221)
```

Monochromatic Color

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

#2a93c7
```
#2a93c7 rgb(42,147,199)
```
#2a86c7
```
#2a86c7 rgb(42,134,199)
```
#2a79c7
```
#2a79c7 rgb(42,121,199)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#2a5fc7
```
#2a5fc7 rgb(42,95,199)
```
#2a52c7
```
#2a52c7 rgb(42,82,199)
```
#2a45c7
```
#2a45c7 rgb(42,69,199)
```

Similar Colors

Text with hexadecimal color #2a6cc7

This text has a font color of #2a6cc7.

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

#2a6cc7 background color

This paragraph has a background color of #2a6cc7.

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

#2a6cc7 border color

This element has a border color of #2a6cc7.

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

CSS codes

.text {color:#2a6cc7;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#040b15
```
#040b15 rgb(4,11,21)
```
#081425
```
#081425 rgb(8,20,37)
```
#0b1d35
```
#0b1d35 rgb(11,29,53)
```
#0f2645
```
#0f2645 rgb(15,38,69)
```
#122e56
```
#122e56 rgb(18,46,86)
```
#153766
```
#153766 rgb(21,55,102)
```
#194076
```
#194076 rgb(25,64,118)
```
#1c4986
```
#1c4986 rgb(28,73,134)
```
#205296
```
#205296 rgb(32,82,150)
```
#235aa7
```
#235aa7 rgb(35,90,167)
```
#2763b7
```
#2763b7 rgb(39,99,183)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```

Shade Color Variation

#3175d4
```
#3175d4 rgb(49,117,212)
```
#4180d7
```
#4180d7 rgb(65,128,215)
```
#518bda
```
#518bda rgb(81,139,218)
```
#6296de
```
#6296de rgb(98,150,222)
```
#72a1e1
```
#72a1e1 rgb(114,161,225)
```
#82abe5
```
#82abe5 rgb(130,171,229)
```
#92b6e8
```
#92b6e8 rgb(146,182,232)
```
#a2c1eb
```
#a2c1eb rgb(162,193,235)
```
#b3ccef
```
#b3ccef rgb(179,204,239)
```
#c3d7f2
```
#c3d7f2 rgb(195,215,242)
```
#d3e2f6
```
#d3e2f6 rgb(211,226,246)
```
#e3ecf9
```
#e3ecf9 rgb(227,236,249)
```
#f3f7fd
```
#f3f7fd rgb(243,247,253)
```

Tint Color Variation

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

#74787d
```
#74787d rgb(116,120,125)
```
#6b7686
```
#6b7686 rgb(107,118,134)
```
#62758f
```
#62758f rgb(98,117,143)
```
#587399
```
#587399 rgb(88,115,153)
```
#4f72a2
```
#4f72a2 rgb(79,114,162)
```
#4670ab
```
#4670ab rgb(70,112,171)
```
#3d6fb4
```
#3d6fb4 rgb(61,111,180)
```
#336dbe
```
#336dbe rgb(51,109,190)
```
#2a6cc7
```
#2a6cc7 rgb(42,108,199)
```
#216bd0
```
#216bd0 rgb(33,107,208)
```
#1769da
```
#1769da rgb(23,105,218)
```
#0e68e3
```
#0e68e3 rgb(14,104,227)
```
#0566ec
```
#0566ec rgb(5,102,236)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#586577 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4571c8 Protanopia 1% of men
#0076c5 Deuteranopia 1% of men
#008088 Tritanopia 0.001% of the population

Trichromacy

#3b6fc7 Protanomaly 1% of men, 0.01% of women
#0f72c6 Deuteranomaly 6% of men, 0.4% of women
#0f789f Tritanomaly 0.01% of the population

#2a6cc7 hex color

#2a6cc7 Color Information

#2a6cc7 Color Conversion

Color Schemes with #2a6cc7

Alternatives to #2a6cc7

#2a6cc7 Preview

Shades and Tints of #2a6cc7

Tones of #2a6cc7

Color Blindness Simulator