#2a8edb hex color

In a RGB color space, hex #2a8edb is composed of 16.5% red, 55.7% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 35.2% magenta, 0% yellow and 14.1% black. It has a hue angle of 206.1 degrees, a saturation of 71.1% and a lightness of 51.2%. #2a8edb color hex could be obtained by blending #54ffff with #001db7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 16
- G 56
- B 86
RGB color chart
- C 81
- M 35
- Y 0
- K 14
CMYK color chart

● #2a8edb color description : Bright blue.

The hexadecimal color #2a8edb has RGB values of R:42, G:142, B:219 and CMYK values of C:0.81, M:0.35, Y:0, K:0.14. Its decimal value is 2789083.

Hex triplet	2a8edb	`#2a8edb`
RGB Decimal	42, 142, 219	`rgb(42,142,219)`
RGB Percent	16.5, 55.7, 85.9	`rgb(16.5%,55.7%,85.9%)`
CMYK	81, 35, 0, 14
HSL	206.1°, 71.1, 51.2	`hsl(206.1,71.1%,51.2%)`
HSV (or HSB)	206.1°, 80.8, 85.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.027, -1.35, -47.193
XYZ	23.411, 24.951, 70.596
xyY	0.197, 0.21, 24.951
CIE-LCH	57.027, 47.213, 268.361
CIE-LUV	57.027, -32.76, -74.05
Hunter-Lab	49.951, -3.754, -48.83
Binary	00101010, 10001110, 11011011

#2a8edb
```
#2a8edb rgb(42,142,219)
```
#db772a
```
#db772a rgb(219,119,42)
```

Complementary Color

#2adbd0
```
#2adbd0 rgb(42,219,208)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#2a35db
```
#2a35db rgb(42,53,219)
```

Analogous Color

#dbd02a
```
#dbd02a rgb(219,208,42)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#db2a35
```
#db2a35 rgb(219,42,53)
```

Split Complementary Color

#8edb2a
```
#8edb2a rgb(142,219,42)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#db2a8e
```
#db2a8e rgb(219,42,142)
```

Triadic Color

#2adb77
```
#2adb77 rgb(42,219,119)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#db2a8e
```
#db2a8e rgb(219,42,142)
```
#db772a
```
#db772a rgb(219,119,42)
```

Tetradic Color

#1b659e
```
#1b659e rgb(27,101,158)
```
#1e73b4
```
#1e73b4 rgb(30,115,180)
```
#2281c9
```
#2281c9 rgb(34,129,201)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#409adf
```
#409adf rgb(64,154,223)
```
#56a5e2
```
#56a5e2 rgb(86,165,226)
```
#6bb1e6
```
#6bb1e6 rgb(107,177,230)
```

Monochromatic Color

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

#2abadb
```
#2abadb rgb(42,186,219)
```
#2aacdb
```
#2aacdb rgb(42,172,219)
```
#2a9ddb
```
#2a9ddb rgb(42,157,219)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#2a7fdb
```
#2a7fdb rgb(42,127,219)
```
#2a71db
```
#2a71db rgb(42,113,219)
```
#2a62db
```
#2a62db rgb(42,98,219)
```

Similar Colors

Text with hexadecimal color #2a8edb

This text has a font color of #2a8edb.

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

#2a8edb background color

This paragraph has a background color of #2a8edb.

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

#2a8edb border color

This element has a border color of #2a8edb.

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

CSS codes

.text {color:#2a8edb;}

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

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

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 #f3f9fd is the lightest one.

#010305
```
#010305 rgb(1,3,5)
```
#040e16
```
#040e16 rgb(4,14,22)
```
#071927
```
#071927 rgb(7,25,39)
```
#092337
```
#092337 rgb(9,35,55)
```
#0c2e48
```
#0c2e48 rgb(12,46,72)
```
#0f3959
```
#0f3959 rgb(15,57,89)
```
#12446a
```
#12446a rgb(18,68,106)
```
#154e7b
```
#154e7b rgb(21,78,123)
```
#18598b
```
#18598b rgb(24,89,139)
```
#1a649c
```
#1a649c rgb(26,100,156)
```
#1d6ead
```
#1d6ead rgb(29,110,173)
```
#2079be
```
#2079be rgb(32,121,190)
```
#2384ce
```
#2384ce rgb(35,132,206)
```

Shade Color Variation

#2a8edb
```
#2a8edb rgb(42,142,219)
```
#3b97de
```
#3b97de rgb(59,151,222)
```
#4ca0e1
```
#4ca0e1 rgb(76,160,225)
```
#5ca9e4
```
#5ca9e4 rgb(92,169,228)
```
#6db2e6
```
#6db2e6 rgb(109,178,230)
```
#7ebbe9
```
#7ebbe9 rgb(126,187,233)
```
#8fc3ec
```
#8fc3ec rgb(143,195,236)
```
#9fccef
```
#9fccef rgb(159,204,239)
```
#b0d5f2
```
#b0d5f2 rgb(176,213,242)
```
#c1def5
```
#c1def5 rgb(193,222,245)
```
#d2e7f7
```
#d2e7f7 rgb(210,231,247)
```
#e3f0fa
```
#e3f0fa rgb(227,240,250)
```
#f3f9fd
```
#f3f9fd rgb(243,249,253)
```

Tint Color Variation

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

#808385
```
#808385 rgb(128,131,133)
```
#77848e
```
#77848e rgb(119,132,142)
```
#6d8598
```
#6d8598 rgb(109,133,152)
```
#6387a2
```
#6387a2 rgb(99,135,162)
```
#5a88ab
```
#5a88ab rgb(90,136,171)
```
#5089b5
```
#5089b5 rgb(80,137,181)
```
#478abe
```
#478abe rgb(71,138,190)
```
#3d8cc8
```
#3d8cc8 rgb(61,140,200)
```
#348dd1
```
#348dd1 rgb(52,141,209)
```
#2a8edb
```
#2a8edb rgb(42,142,219)
```
#208fe5
```
#208fe5 rgb(32,143,229)
```
#1790ee
```
#1790ee rgb(23,144,238)
```
#0d92f8
```
#0d92f8 rgb(13,146,248)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#697d8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#718cd7 Protanopia 1% of men
#588fde Deuteranopia 1% of men
#009ca7 Tritanopia 0.001% of the population

Trichromacy

#578dd8 Protanomaly 1% of men, 0.01% of women
#478fdd Deuteranomaly 6% of men, 0.4% of women
#0f97ba Tritanomaly 0.01% of the population

#2a8edb hex color

#2a8edb Color Information

#2a8edb Color Conversion

Color Schemes with #2a8edb

Alternatives to #2a8edb

#2a8edb Preview

Shades and Tints of #2a8edb

Tones of #2a8edb

Color Blindness Simulator