#2a6dee hex color

In a RGB color space, hex #2a6dee is composed of 16.5% red, 42.7% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 54.2% magenta, 0% yellow and 6.7% black. It has a hue angle of 219.5 degrees, a saturation of 85.2% and a lightness of 54.9%. #2a6dee color hex could be obtained by blending #54daff with #0000dd. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 43
- B 93
RGB color chart
- C 82
- M 54
- Y 0
- K 7
CMYK color chart

● #2a6dee color description : Bright blue.

The hexadecimal color #2a6dee has RGB values of R:42, G:109, B:238 and CMYK values of C:0.82, M:0.54, Y:0, K:0.07. Its decimal value is 2780654.

Hex triplet	2a6dee	`#2a6dee`
RGB Decimal	42, 109, 238	`rgb(42,109,238)`
RGB Percent	16.5, 42.7, 93.3	`rgb(16.5%,42.7%,93.3%)`
CMYK	82, 54, 0, 7
HSL	219.5°, 85.2, 54.9	`hsl(219.5,85.2%,54.9%)`
HSV (or HSB)	219.5°, 82.4, 93.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.008, 26.1, -70.711
XYZ	21.853, 17.601, 83.13
xyY	0.178, 0.144, 17.601
CIE-LCH	49.008, 75.374, 290.26
CIE-LUV	49.008, -22.001, -109.83
Hunter-Lab	41.953, 19.559, -88.115
Binary	00101010, 01101101, 11101110

#2a6dee
```
#2a6dee rgb(42,109,238)
```
#eeab2a
```
#eeab2a rgb(238,171,42)
```

Complementary Color

#2acfee
```
#2acfee rgb(42,207,238)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#492aee
```
#492aee rgb(73,42,238)
```

Analogous Color

#cfee2a
```
#cfee2a rgb(207,238,42)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#ee492a
```
#ee492a rgb(238,73,42)
```

Split Complementary Color

#6dee2a
```
#6dee2a rgb(109,238,42)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#ee2a6d
```
#ee2a6d rgb(238,42,109)
```

Triadic Color

#2aeeab
```
#2aeeab rgb(42,238,171)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#ee2a6d
```
#ee2a6d rgb(238,42,109)
```
#eeab2a
```
#eeab2a rgb(238,171,42)
```

Tetradic Color

#0f4abc
```
#0f4abc rgb(15,74,188)
```
#1154d4
```
#1154d4 rgb(17,84,212)
```
#135dec
```
#135dec rgb(19,93,236)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#427df0
```
#427df0 rgb(66,125,240)
```
#598df2
```
#598df2 rgb(89,141,242)
```
#719ef4
```
#719ef4 rgb(113,158,244)
```

Monochromatic Color

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

#2a9eee
```
#2a9eee rgb(42,158,238)
```
#2a8eee
```
#2a8eee rgb(42,142,238)
```
#2a7dee
```
#2a7dee rgb(42,125,238)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#2a5dee
```
#2a5dee rgb(42,93,238)
```
#2a4cee
```
#2a4cee rgb(42,76,238)
```
#2a3cee
```
#2a3cee rgb(42,60,238)
```

Similar Colors

Text with hexadecimal color #2a6dee

This text has a font color of #2a6dee.

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

#2a6dee background color

This paragraph has a background color of #2a6dee.

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

#2a6dee border color

This element has a border color of #2a6dee.

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

CSS codes

.text {color:#2a6dee;}

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

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

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

#000205
```
#000205 rgb(0,2,5)
```
#020917
```
#020917 rgb(2,9,23)
```
#031029
```
#031029 rgb(3,16,41)
```
#05173b
```
#05173b rgb(5,23,59)
```
#061f4e
```
#061f4e rgb(6,31,78)
```
#082660
```
#082660 rgb(8,38,96)
```
#092d72
```
#092d72 rgb(9,45,114)
```
#0b3484
```
#0b3484 rgb(11,52,132)
```
#0c3b96
```
#0c3b96 rgb(12,59,150)
```
#0d42a8
```
#0d42a8 rgb(13,66,168)
```
#0f4abb
```
#0f4abb rgb(15,74,187)
```
#1051cd
```
#1051cd rgb(16,81,205)
```
#1258df
```
#1258df rgb(18,88,223)
```

Shade Color Variation

#1861ed
```
#1861ed rgb(24,97,237)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#3c79ef
```
#3c79ef rgb(60,121,239)
```
#4e86f1
```
#4e86f1 rgb(78,134,241)
```
#6092f2
```
#6092f2 rgb(96,146,242)
```
#739ff4
```
#739ff4 rgb(115,159,244)
```
#85abf5
```
#85abf5 rgb(133,171,245)
```
#97b8f7
```
#97b8f7 rgb(151,184,247)
```
#a9c4f8
```
#a9c4f8 rgb(169,196,248)
```
#bbd1fa
```
#bbd1fa rgb(187,209,250)
```
#cdddfb
```
#cdddfb rgb(205,221,251)
```
#e0eafc
```
#e0eafc rgb(224,234,252)
```
#f2f6fe
```
#f2f6fe rgb(242,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b8c8d is the less saturated color, while #216af7 is the most saturated one.

#8b8c8d
```
#8b8c8d rgb(139,140,141)
```
#828996
```
#828996 rgb(130,137,150)
```
#7a869e
```
#7a869e rgb(122,134,158)
```
#7183a7
```
#7183a7 rgb(113,131,167)
```
#6881b0
```
#6881b0 rgb(104,129,176)
```
#5f7eb9
```
#5f7eb9 rgb(95,126,185)
```
#567bc2
```
#567bc2 rgb(86,123,194)
```
#4d78cb
```
#4d78cb rgb(77,120,203)
```
#4575d3
```
#4575d3 rgb(69,117,211)
```
#3c73dc
```
#3c73dc rgb(60,115,220)
```
#3370e5
```
#3370e5 rgb(51,112,229)
```
#2a6dee
```
#2a6dee rgb(42,109,238)
```
#216af7
```
#216af7 rgb(33,106,247)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5c6983 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0077eb Protanopia 1% of men
#007ecd Deuteranopia 1% of men
#00878f Tritanopia 0.001% of the population

Trichromacy

#0f73ec Protanomaly 1% of men, 0.01% of women
#0f78d9 Deuteranomaly 6% of men, 0.4% of women
#0f7eb1 Tritanomaly 0.01% of the population

#2a6dee hex color

#2a6dee Color Information

#2a6dee Color Conversion

Color Schemes with #2a6dee

Alternatives to #2a6dee

#2a6dee Preview

Shades and Tints of #2a6dee

Tones of #2a6dee

Color Blindness Simulator