#2a6fed hex color

In a RGB color space, hex #2a6fed is composed of 16.5% red, 43.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 53.2% magenta, 0% yellow and 7.1% black. It has a hue angle of 218.8 degrees, a saturation of 84.4% and a lightness of 54.7%. #2a6fed color hex could be obtained by blending #54deff with #0000db. Closest websafe color is: #3366ff.

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

● #2a6fed color description : Bright blue.

The hexadecimal color #2a6fed has RGB values of R:42, G:111, B:237 and CMYK values of C:0.82, M:0.53, Y:0, K:0.07. Its decimal value is 2781165.

Hex triplet	2a6fed	`#2a6fed`
RGB Decimal	42, 111, 237	`rgb(42,111,237)`
RGB Percent	16.5, 43.5, 92.9	`rgb(16.5%,43.5%,92.9%)`
CMYK	82, 53, 0, 7
HSL	218.8°, 84.4, 54.7	`hsl(218.8,84.4%,54.7%)`
HSV (or HSB)	218.8°, 82.3, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.464, 24.458, -69.41
XYZ	21.922, 17.974, 82.43
xyY	0.179, 0.147, 17.974
CIE-LCH	49.464, 73.593, 289.411
CIE-LUV	49.464, -22.57, -108.105
Hunter-Lab	42.396, 18.107, -85.601
Binary	00101010, 01101111, 11101101

#2a6fed
```
#2a6fed rgb(42,111,237)
```
#eda82a
```
#eda82a rgb(237,168,42)
```

Complementary Color

#2ad1ed
```
#2ad1ed rgb(42,209,237)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#462aed
```
#462aed rgb(70,42,237)
```

Analogous Color

#d1ed2a
```
#d1ed2a rgb(209,237,42)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#ed462a
```
#ed462a rgb(237,70,42)
```

Split Complementary Color

#6fed2a
```
#6fed2a rgb(111,237,42)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#ed2a6f
```
#ed2a6f rgb(237,42,111)
```

Triadic Color

#2aeda8
```
#2aeda8 rgb(42,237,168)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#ed2a6f
```
#ed2a6f rgb(237,42,111)
```
#eda82a
```
#eda82a rgb(237,168,42)
```

Tetradic Color

#104cbb
```
#104cbb rgb(16,76,187)
```
#1256d2
```
#1256d2 rgb(18,86,210)
```
#145fea
```
#145fea rgb(20,95,234)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#427fef
```
#427fef rgb(66,127,239)
```
#598ff1
```
#598ff1 rgb(89,143,241)
```
#719ff3
```
#719ff3 rgb(113,159,243)
```

Monochromatic Color

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

#2aa0ed
```
#2aa0ed rgb(42,160,237)
```
#2a90ed
```
#2a90ed rgb(42,144,237)
```
#2a7fed
```
#2a7fed rgb(42,127,237)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#2a5fed
```
#2a5fed rgb(42,95,237)
```
#2a4fed
```
#2a4fed rgb(42,79,237)
```
#2a3eed
```
#2a3eed rgb(42,62,237)
```

Similar Colors

Text with hexadecimal color #2a6fed

This text has a font color of #2a6fed.

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

#2a6fed background color

This paragraph has a background color of #2a6fed.

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

#2a6fed border color

This element has a border color of #2a6fed.

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

CSS codes

.text {color:#2a6fed;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020916
```
#020916 rgb(2,9,22)
```
#031028
```
#031028 rgb(3,16,40)
```
#05183a
```
#05183a rgb(5,24,58)
```
#061f4c
```
#061f4c rgb(6,31,76)
```
#08275e
```
#08275e rgb(8,39,94)
```
#0a2e71
```
#0a2e71 rgb(10,46,113)
```
#0b3583
```
#0b3583 rgb(11,53,131)
```
#0d3d95
```
#0d3d95 rgb(13,61,149)
```
#0e44a7
```
#0e44a7 rgb(14,68,167)
```
#104cb9
```
#104cb9 rgb(16,76,185)
```
#1153cb
```
#1153cb rgb(17,83,203)
```
#135add
```
#135add rgb(19,90,221)
```

Shade Color Variation

#1863eb
```
#1863eb rgb(24,99,235)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#3c7bef
```
#3c7bef rgb(60,123,239)
```
#4e87f0
```
#4e87f0 rgb(78,135,240)
```
#6094f2
```
#6094f2 rgb(96,148,242)
```
#72a0f3
```
#72a0f3 rgb(114,160,243)
```
#84acf5
```
#84acf5 rgb(132,172,245)
```
#97b8f6
```
#97b8f6 rgb(151,184,246)
```
#a9c5f8
```
#a9c5f8 rgb(169,197,248)
```
#bbd1f9
```
#bbd1f9 rgb(187,209,249)
```
#cdddfb
```
#cdddfb rgb(205,221,251)
```
#dfe9fc
```
#dfe9fc rgb(223,233,252)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

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

#838994
```
#838994 rgb(131,137,148)
```
#7a869d
```
#7a869d rgb(122,134,157)
```
#7184a6
```
#7184a6 rgb(113,132,166)
```
#6881af
```
#6881af rgb(104,129,175)
```
#5f7fb8
```
#5f7fb8 rgb(95,127,184)
```
#567cc1
```
#567cc1 rgb(86,124,193)
```
#4e79c9
```
#4e79c9 rgb(78,121,201)
```
#4577d2
```
#4577d2 rgb(69,119,210)
```
#3c74db
```
#3c74db rgb(60,116,219)
```
#3372e4
```
#3372e4 rgb(51,114,228)
```
#2a6fed
```
#2a6fed rgb(42,111,237)
```
#216cf6
```
#216cf6 rgb(33,108,246)
```
#186aff
```
#186aff rgb(24,106,255)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#5c6a83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ed Protanopia 1% of men
#007fcf Deuteranopia 1% of men
#008990 Tritanopia 0.001% of the population

Trichromacy

#0f75ed Protanomaly 1% of men, 0.01% of women
#0f79da Deuteranomaly 6% of men, 0.4% of women
#0f7fb2 Tritanomaly 0.01% of the population

#2a6fed hex color

#2a6fed Color Information

#2a6fed Color Conversion

Color Schemes with #2a6fed

Alternatives to #2a6fed

#2a6fed Preview

Shades and Tints of #2a6fed

Tones of #2a6fed

Color Blindness Simulator