#2a6aef hex color

In a RGB color space, hex #2a6aef is composed of 16.5% red, 41.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 55.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 220.5 degrees, a saturation of 86% and a lightness of 55.1%. #2a6aef color hex could be obtained by blending #54d4ff with #0000df. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 42
- B 94
RGB color chart
- C 82
- M 56
- Y 0
- K 6
CMYK color chart

● #2a6aef color description : Bright blue.

The hexadecimal color #2a6aef has RGB values of R:42, G:106, B:239 and CMYK values of C:0.82, M:0.56, Y:0, K:0.06. Its decimal value is 2779887.

Hex triplet	2a6aef	`#2a6aef`
RGB Decimal	42, 106, 239	`rgb(42,106,239)`
RGB Percent	16.5, 41.6, 93.7	`rgb(16.5%,41.6%,93.7%)`
CMYK	82, 56, 0, 6
HSL	220.5°, 86, 55.1	`hsl(220.5,86%,55.1%)`
HSV (or HSB)	220.5°, 82.4, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.299, 28.376, -72.425
XYZ	21.686, 17.031, 83.801
xyY	0.177, 0.139, 17.031
CIE-LCH	48.299, 77.786, 291.395
CIE-LUV	48.299, -21.176, -111.978
Hunter-Lab	41.268, 21.579, -91.509
Binary	00101010, 01101010, 11101111

#2a6aef
```
#2a6aef rgb(42,106,239)
```
#efaf2a
```
#efaf2a rgb(239,175,42)
```

Complementary Color

#2acdef
```
#2acdef rgb(42,205,239)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#4c2aef
```
#4c2aef rgb(76,42,239)
```

Analogous Color

#cdef2a
```
#cdef2a rgb(205,239,42)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#ef4c2a
```
#ef4c2a rgb(239,76,42)
```

Split Complementary Color

#6aef2a
```
#6aef2a rgb(106,239,42)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#ef2a6a
```
#ef2a6a rgb(239,42,106)
```

Triadic Color

#2aefaf
```
#2aefaf rgb(42,239,175)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#ef2a6a
```
#ef2a6a rgb(239,42,106)
```
#efaf2a
```
#efaf2a rgb(239,175,42)
```

Tetradic Color

#0e47be
```
#0e47be rgb(14,71,190)
```
#1050d6
```
#1050d6 rgb(16,80,214)
```
#1259ed
```
#1259ed rgb(18,89,237)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#427bf1
```
#427bf1 rgb(66,123,241)
```
#598bf3
```
#598bf3 rgb(89,139,243)
```
#719cf4
```
#719cf4 rgb(113,156,244)
```

Monochromatic Color

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

#2a9bef
```
#2a9bef rgb(42,155,239)
```
#2a8bef
```
#2a8bef rgb(42,139,239)
```
#2a7aef
```
#2a7aef rgb(42,122,239)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#2a5aef
```
#2a5aef rgb(42,90,239)
```
#2a49ef
```
#2a49ef rgb(42,73,239)
```
#2a39ef
```
#2a39ef rgb(42,57,239)
```

Similar Colors

Text with hexadecimal color #2a6aef

This text has a font color of #2a6aef.

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

#2a6aef background color

This paragraph has a background color of #2a6aef.

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

#2a6aef border color

This element has a border color of #2a6aef.

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

CSS codes

.text {color:#2a6aef;}

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

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

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

#000206
```
#000206 rgb(0,2,6)
```
#020918
```
#020918 rgb(2,9,24)
```
#03102a
```
#03102a rgb(3,16,42)
```
#05173d
```
#05173d rgb(5,23,61)
```
#061e4f
```
#061e4f rgb(6,30,79)
```
#072461
```
#072461 rgb(7,36,97)
```
#092b73
```
#092b73 rgb(9,43,115)
```
#0a3286
```
#0a3286 rgb(10,50,134)
```
#0b3998
```
#0b3998 rgb(11,57,152)
```
#0d40aa
```
#0d40aa rgb(13,64,170)
```
#0e47bc
```
#0e47bc rgb(14,71,188)
```
#104ecf
```
#104ecf rgb(16,78,207)
```
#1154e1
```
#1154e1 rgb(17,84,225)
```

Shade Color Variation

#185dee
```
#185dee rgb(24,93,238)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#3c77f0
```
#3c77f0 rgb(60,119,240)
```
#4e84f2
```
#4e84f2 rgb(78,132,242)
```
#6190f3
```
#6190f3 rgb(97,144,243)
```
#739df4
```
#739df4 rgb(115,157,244)
```
#85aaf6
```
#85aaf6 rgb(133,170,246)
```
#97b7f7
```
#97b7f7 rgb(151,183,247)
```
#aac3f9
```
#aac3f9 rgb(170,195,249)
```
#bcd0fa
```
#bcd0fa rgb(188,208,250)
```
#ceddfb
```
#ceddfb rgb(206,221,251)
```
#e0eafd
```
#e0eafd rgb(224,234,253)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

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

#8b8c8e
```
#8b8c8e rgb(139,140,142)
```
#828997
```
#828997 rgb(130,137,151)
```
#7986a0
```
#7986a0 rgb(121,134,160)
```
#7083a9
```
#7083a9 rgb(112,131,169)
```
#6880b1
```
#6880b1 rgb(104,128,177)
```
#5f7dba
```
#5f7dba rgb(95,125,186)
```
#5679c3
```
#5679c3 rgb(86,121,195)
```
#4d76cc
```
#4d76cc rgb(77,118,204)
```
#4473d5
```
#4473d5 rgb(68,115,213)
```
#3c70dd
```
#3c70dd rgb(60,112,221)
```
#336de6
```
#336de6 rgb(51,109,230)
```
#2a6aef
```
#2a6aef rgb(42,106,239)
```
#2167f8
```
#2167f8 rgb(33,103,248)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#5a6781 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e7 Protanopia 1% of men
#007cca Deuteranopia 1% of men
#00868d Tritanopia 0.001% of the population

Trichromacy

#0f71ea Protanomaly 1% of men, 0.01% of women
#0f75d7 Deuteranomaly 6% of men, 0.4% of women
#0f7bb0 Tritanomaly 0.01% of the population

#2a6aef hex color

#2a6aef Color Information

#2a6aef Color Conversion

Color Schemes with #2a6aef

Alternatives to #2a6aef

#2a6aef Preview

Shades and Tints of #2a6aef

Tones of #2a6aef

Color Blindness Simulator