#2d8bff hex color

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

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

● #2d8bff color description : Vivid blue.

The hexadecimal color #2d8bff has RGB values of R:45, G:139, B:255 and CMYK values of C:0.82, M:0.45, Y:0, K:0. Its decimal value is 2984959.

Hex triplet	2d8bff	`#2d8bff`
RGB Decimal	45, 139, 255	`rgb(45,139,255)`
RGB Percent	17.6, 54.5, 100	`rgb(17.6%,54.5%,100%)`
CMYK	82, 45, 0, 0
HSL	213.1°, 100, 58.8	`hsl(213.1,100%,58.8%)`
HSV (or HSB)	213.1°, 82.4, 100
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.265, 14.008, -65.172
XYZ	28.361, 26.241, 98.172
xyY	0.186, 0.172, 26.241
CIE-LCH	58.265, 66.66, 282.131
CIE-LUV	58.265, -29.925, -105.072
Hunter-Lab	51.226, 9.18, -77.769
Binary	00101101, 10001011, 11111111

#2d8bff
```
#2d8bff rgb(45,139,255)
```
#ffa12d
```
#ffa12d rgb(255,161,45)
```

Complementary Color

#2df4ff
```
#2df4ff rgb(45,244,255)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#382dff
```
#382dff rgb(56,45,255)
```

Analogous Color

#f4ff2d
```
#f4ff2d rgb(244,255,45)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#ff382d
```
#ff382d rgb(255,56,45)
```

Split Complementary Color

#8bff2d
```
#8bff2d rgb(139,255,45)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#ff2d8b
```
#ff2d8b rgb(255,45,139)
```

Triadic Color

#2dffa1
```
#2dffa1 rgb(45,255,161)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#ff2d8b
```
#ff2d8b rgb(255,45,139)
```
#ffa12d
```
#ffa12d rgb(255,161,45)
```

Tetradic Color

#0064e0
```
#0064e0 rgb(0,100,224)
```
#006ff9
```
#006ff9 rgb(0,111,249)
```
#147dff
```
#147dff rgb(20,125,255)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#4799ff
```
#4799ff rgb(71,153,255)
```
#60a7ff
```
#60a7ff rgb(96,167,255)
```
#7ab5ff
```
#7ab5ff rgb(122,181,255)
```

Monochromatic Color

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

#2dc0ff
```
#2dc0ff rgb(45,192,255)
```
#2daeff
```
#2daeff rgb(45,174,255)
```
#2d9dff
```
#2d9dff rgb(45,157,255)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#2d7aff
```
#2d7aff rgb(45,122,255)
```
#2d68ff
```
#2d68ff rgb(45,104,255)
```
#2d57ff
```
#2d57ff rgb(45,87,255)
```

Similar Colors

Text with hexadecimal color #2d8bff

This text has a font color of #2d8bff.

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

#2d8bff background color

This paragraph has a background color of #2d8bff.

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

#2d8bff border color

This element has a border color of #2d8bff.

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

CSS codes

.text {color:#2d8bff;}

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

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

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)
```
#002654
```
#002654 rgb(0,38,84)
```
#002e68
```
#002e68 rgb(0,46,104)
```
#00377b
```
#00377b rgb(0,55,123)
```
#00408f
```
#00408f rgb(0,64,143)
```
#0049a3
```
#0049a3 rgb(0,73,163)
```
#0052b6
```
#0052b6 rgb(0,82,182)
```
#005aca
```
#005aca rgb(0,90,202)
```
#0063de
```
#0063de rgb(0,99,222)
```
#006cf1
```
#006cf1 rgb(0,108,241)
```

Shade Color Variation

#0675ff
```
#0675ff rgb(6,117,255)
```
#1980ff
```
#1980ff rgb(25,128,255)
```
#2d8bff
```
#2d8bff rgb(45,139,255)
```
#4196ff
```
#4196ff rgb(65,150,255)
```
#54a1ff
```
#54a1ff rgb(84,161,255)
```
#68acff
```
#68acff rgb(104,172,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)
```
#cae2ff
```
#cae2ff rgb(202,226,255)
```
#deedff
```
#deedff rgb(222,237,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 #2d8bff is the most saturated one.

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

Tone Color Variation

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

#548efc Protanopia 1% of men
#0094f6 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#468dfd Protanomaly 1% of men, 0.01% of women
#1091f9 Deuteranomaly 6% of men, 0.4% of women
#1098c9 Tritanomaly 0.01% of the population

#2d8bff hex color

#2d8bff Color Information

#2d8bff Color Conversion

Color Schemes with #2d8bff

Alternatives to #2d8bff

#2d8bff Preview

Shades and Tints of #2d8bff

Tones of #2d8bff

Color Blindness Simulator