#2d8aff hex color

In a RGB color space, hex #2d8aff is composed of 17.6% red, 54.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 82.4% cyan, 45.9% magenta, 0% yellow and 0% black. It has a hue angle of 213.4 degrees, a saturation of 100% and a lightness of 58.8%. #2d8aff color hex could be obtained by blending #5affff with #0015ff. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 54
- B 100
RGB color chart
- C 82
- M 46
- Y 0
- K 0
CMYK color chart

● #2d8aff color description : Vivid blue.

The hexadecimal color #2d8aff has RGB values of R:45, G:138, B:255 and CMYK values of C:0.82, M:0.46, Y:0, K:0. Its decimal value is 2984703.

Hex triplet	2d8aff	`#2d8aff`
RGB Decimal	45, 138, 255	`rgb(45,138,255)`
RGB Percent	17.6, 54.1, 100	`rgb(17.6%,54.1%,100%)`
CMYK	82, 46, 0, 0
HSL	213.4°, 100, 58.8	`hsl(213.4,100%,58.8%)`
HSV (or HSB)	213.4°, 82.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.992, 14.618, -65.611
XYZ	28.217, 25.952, 98.124
xyY	0.185, 0.17, 25.952
CIE-LCH	57.992, 67.219, 282.56
CIE-LUV	57.992, -29.622, -105.718
Hunter-Lab	50.944, 9.716, -78.54
Binary	00101101, 10001010, 11111111

#2d8aff
```
#2d8aff rgb(45,138,255)
```
#ffa22d
```
#ffa22d rgb(255,162,45)
```

Complementary Color

#2df3ff
```
#2df3ff rgb(45,243,255)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#392dff
```
#392dff rgb(57,45,255)
```

Analogous Color

#f3ff2d
```
#f3ff2d rgb(243,255,45)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#ff392d
```
#ff392d rgb(255,57,45)
```

Split Complementary Color

#8aff2d
```
#8aff2d rgb(138,255,45)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#ff2d8a
```
#ff2d8a rgb(255,45,138)
```

Triadic Color

#2dffa2
```
#2dffa2 rgb(45,255,162)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#ff2d8a
```
#ff2d8a rgb(255,45,138)
```
#ffa22d
```
#ffa22d rgb(255,162,45)
```

Tetradic Color

#0063e0
```
#0063e0 rgb(0,99,224)
```
#006ef9
```
#006ef9 rgb(0,110,249)
```
#147cff
```
#147cff rgb(20,124,255)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#4798ff
```
#4798ff rgb(71,152,255)
```
#60a6ff
```
#60a6ff rgb(96,166,255)
```
#7ab5ff
```
#7ab5ff rgb(122,181,255)
```

Monochromatic Color

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

#2dbfff
```
#2dbfff rgb(45,191,255)
```
#2dadff
```
#2dadff rgb(45,173,255)
```
#2d9cff
```
#2d9cff rgb(45,156,255)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#2d79ff
```
#2d79ff rgb(45,121,255)
```
#2d67ff
```
#2d67ff rgb(45,103,255)
```
#2d56ff
```
#2d56ff rgb(45,86,255)
```

Similar Colors

Text with hexadecimal color #2d8aff

This text has a font color of #2d8aff.

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

#2d8aff background color

This paragraph has a background color of #2d8aff.

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

#2d8aff border color

This element has a border color of #2d8aff.

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

CSS codes

.text {color:#2d8aff;}

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

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

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

#000306
```
#000306 rgb(0,3,6)
```
#000b19
```
#000b19 rgb(0,11,25)
```
#00142d
```
#00142d rgb(0,20,45)
```
#001d41
```
#001d41 rgb(0,29,65)
```
#002554
```
#002554 rgb(0,37,84)
```
#002e68
```
#002e68 rgb(0,46,104)
```
#00377b
```
#00377b rgb(0,55,123)
```
#003f8f
```
#003f8f rgb(0,63,143)
```
#0048a3
```
#0048a3 rgb(0,72,163)
```
#0051b6
```
#0051b6 rgb(0,81,182)
```
#0059ca
```
#0059ca rgb(0,89,202)
```
#0062de
```
#0062de rgb(0,98,222)
```
#006bf1
```
#006bf1 rgb(0,107,241)
```

Shade Color Variation

#0674ff
```
#0674ff rgb(6,116,255)
```
#197fff
```
#197fff rgb(25,127,255)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```
#4195ff
```
#4195ff rgb(65,149,255)
```
#54a0ff
```
#54a0ff rgb(84,160,255)
```
#68abff
```
#68abff rgb(104,171,255)
```
#7bb6ff
```
#7bb6ff rgb(123,182,255)
```
#8fc1ff
```
#8fc1ff rgb(143,193,255)
```
#a3ccff
```
#a3ccff rgb(163,204,255)
```
#b6d7ff
```
#b6d7ff rgb(182,215,255)
```
#cae1ff
```
#cae1ff rgb(202,225,255)
```
#deecff
```
#deecff rgb(222,236,255)
```
#f1f7ff
```
#f1f7ff rgb(241,247,255)
```

Tint Color Variation

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

#8e959e
```
#8e959e rgb(142,149,158)
```
#8694a6
```
#8694a6 rgb(134,148,166)
```
#7e93ae
```
#7e93ae rgb(126,147,174)
```
#7692b6
```
#7692b6 rgb(118,146,182)
```
#6e91be
```
#6e91be rgb(110,145,190)
```
#6690c6
```
#6690c6 rgb(102,144,198)
```
#5d90cf
```
#5d90cf rgb(93,144,207)
```
#558fd7
```
#558fd7 rgb(85,143,215)
```
#4d8edf
```
#4d8edf rgb(77,142,223)
```
#458de7
```
#458de7 rgb(69,141,231)
```
#3d8cef
```
#3d8cef rgb(61,140,239)
```
#358bf7
```
#358bf7 rgb(53,139,247)
```
#2d8aff
```
#2d8aff rgb(45,138,255)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6c7f96 Atypical Achromatopsia 0.001% of the population

Dichromacy

#528dfc Protanopia 1% of men
#0093f5 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#448cfd Protanomaly 1% of men, 0.01% of women
#1090f8 Deuteranomaly 6% of men, 0.4% of women
#1097c8 Tritanomaly 0.01% of the population

#2d8aff hex color

#2d8aff Color Information

#2d8aff Color Conversion

Color Schemes with #2d8aff

Alternatives to #2d8aff

#2d8aff Preview

Shades and Tints of #2d8aff

Tones of #2d8aff

Color Blindness Simulator