#2a6dca hex color

In a RGB color space, hex #2a6dca is composed of 16.5% red, 42.7% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 46% magenta, 0% yellow and 20.8% black. It has a hue angle of 214.9 degrees, a saturation of 65.6% and a lightness of 47.8%. #2a6dca color hex could be obtained by blending #54daff with #000095. Closest websafe color is: #3366cc.

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

● #2a6dca color description : Strong blue.

The hexadecimal color #2a6dca has RGB values of R:42, G:109, B:202 and CMYK values of C:0.79, M:0.46, Y:0, K:0.21. Its decimal value is 2780618.

Hex triplet	2a6dca	`#2a6dca`
RGB Decimal	42, 109, 202	`rgb(42,109,202)`
RGB Percent	16.5, 42.7, 79.2	`rgb(16.5%,42.7%,79.2%)`
CMYK	79, 46, 0, 21
HSL	214.9°, 65.6, 47.8	`hsl(214.9,65.6%,47.8%)`
HSV (or HSB)	214.9°, 79.2, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	46.568, 12.473, -54.252
XYZ	17.082, 15.692, 58.003
xyY	0.188, 0.173, 15.692
CIE-LCH	46.568, 55.667, 282.948
CIE-LUV	46.568, -22.779, -83.045
Hunter-Lab	39.614, 7.647, -59.083
Binary	00101010, 01101101, 11001010

#2a6dca
```
#2a6dca rgb(42,109,202)
```
#ca872a
```
#ca872a rgb(202,135,42)
```

Complementary Color

#2abdca
```
#2abdca rgb(42,189,202)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#372aca
```
#372aca rgb(55,42,202)
```

Analogous Color

#bdca2a
```
#bdca2a rgb(189,202,42)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#ca372a
```
#ca372a rgb(202,55,42)
```

Split Complementary Color

#6dca2a
```
#6dca2a rgb(109,202,42)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#ca2a6d
```
#ca2a6d rgb(202,42,109)
```

Triadic Color

#2aca87
```
#2aca87 rgb(42,202,135)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#ca2a6d
```
#ca2a6d rgb(202,42,109)
```
#ca872a
```
#ca872a rgb(202,135,42)
```

Tetradic Color

#1d4b8b
```
#1d4b8b rgb(29,75,139)
```
#2156a0
```
#2156a0 rgb(33,86,160)
```
#2662b5
```
#2662b5 rgb(38,98,181)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#387ad6
```
#387ad6 rgb(56,122,214)
```
#4d88da
```
#4d88da rgb(77,136,218)
```
#6296de
```
#6296de rgb(98,150,222)
```

Monochromatic Color

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

#2a95ca
```
#2a95ca rgb(42,149,202)
```
#2a88ca
```
#2a88ca rgb(42,136,202)
```
#2a7aca
```
#2a7aca rgb(42,122,202)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#2a60ca
```
#2a60ca rgb(42,96,202)
```
#2a52ca
```
#2a52ca rgb(42,82,202)
```
#2a45ca
```
#2a45ca rgb(42,69,202)
```

Similar Colors

Text with hexadecimal color #2a6dca

This text has a font color of #2a6dca.

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

#2a6dca background color

This paragraph has a background color of #2a6dca.

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

#2a6dca border color

This element has a border color of #2a6dca.

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

CSS codes

.text {color:#2a6dca;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#050d17
```
#050d17 rgb(5,13,23)
```
#081528
```
#081528 rgb(8,21,40)
```
#0c1e38
```
#0c1e38 rgb(12,30,56)
```
#0f2748
```
#0f2748 rgb(15,39,72)
```
#123058
```
#123058 rgb(18,48,88)
```
#163869
```
#163869 rgb(22,56,105)
```
#194179
```
#194179 rgb(25,65,121)
```
#1c4a89
```
#1c4a89 rgb(28,74,137)
```
#205399
```
#205399 rgb(32,83,153)
```
#235baa
```
#235baa rgb(35,91,170)
```
#2764ba
```
#2764ba rgb(39,100,186)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```

Shade Color Variation

#3377d5
```
#3377d5 rgb(51,119,213)
```
#4382d8
```
#4382d8 rgb(67,130,216)
```
#548cdb
```
#548cdb rgb(84,140,219)
```
#6497df
```
#6497df rgb(100,151,223)
```
#74a2e2
```
#74a2e2 rgb(116,162,226)
```
#84ade5
```
#84ade5 rgb(132,173,229)
```
#94b8e9
```
#94b8e9 rgb(148,184,233)
```
#a5c3ec
```
#a5c3ec rgb(165,195,236)
```
#b5cef0
```
#b5cef0 rgb(181,206,240)
```
#c5d8f3
```
#c5d8f3 rgb(197,216,243)
```
#d5e3f6
```
#d5e3f6 rgb(213,227,246)
```
#e6eefa
```
#e6eefa rgb(230,238,250)
```
#f6f9fd
```
#f6f9fd rgb(246,249,253)
```

Tint Color Variation

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

#75797f
```
#75797f rgb(117,121,127)
```
#6c7888
```
#6c7888 rgb(108,120,136)
```
#627692
```
#627692 rgb(98,118,146)
```
#59759b
```
#59759b rgb(89,117,155)
```
#5073a4
```
#5073a4 rgb(80,115,164)
```
#4672ae
```
#4672ae rgb(70,114,174)
```
#3d70b7
```
#3d70b7 rgb(61,112,183)
```
#336fc1
```
#336fc1 rgb(51,111,193)
```
#2a6dca
```
#2a6dca rgb(42,109,202)
```
#216bd3
```
#216bd3 rgb(33,107,211)
```
#176add
```
#176add rgb(23,106,221)
```
#0e68e6
```
#0e68e6 rgb(14,104,230)
```
#0467f0
```
#0467f0 rgb(4,103,240)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#586678 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4572cb Protanopia 1% of men
#0077c7 Deuteranopia 1% of men
#008189 Tritanopia 0.001% of the population

Trichromacy

#3b70ca Protanomaly 1% of men, 0.01% of women
#0f73c8 Deuteranomaly 6% of men, 0.4% of women
#0f7aa1 Tritanomaly 0.01% of the population

#2a6dca hex color

#2a6dca Color Information

#2a6dca Color Conversion

Color Schemes with #2a6dca

Alternatives to #2a6dca

#2a6dca Preview

Shades and Tints of #2a6dca

Tones of #2a6dca

Color Blindness Simulator