#2d86ef hex color

In a RGB color space, hex #2d86ef is composed of 17.6% red, 52.5% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 43.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 212.5 degrees, a saturation of 85.8% and a lightness of 55.7%. #2d86ef color hex could be obtained by blending #5affff with #000ddf. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 53
- B 94
RGB color chart
- C 81
- M 44
- Y 0
- K 6
CMYK color chart

● #2d86ef color description : Bright blue.

The hexadecimal color #2d86ef has RGB values of R:45, G:134, B:239 and CMYK values of C:0.81, M:0.44, Y:0, K:0.06. Its decimal value is 2983663.

Hex triplet	2d86ef	`#2d86ef`
RGB Decimal	45, 134, 239	`rgb(45,134,239)`
RGB Percent	17.6, 52.5, 93.7	`rgb(17.6%,52.5%,93.7%)`
CMYK	81, 44, 0, 6
HSL	212.5°, 85.8, 55.7	`hsl(212.5,85.8%,55.7%)`
HSV (or HSB)	212.5°, 81.2, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.925, 11.12, -60.096
XYZ	25.184, 23.838, 84.931
xyY	0.188, 0.178, 23.838
CIE-LCH	55.925, 61.116, 280.483
CIE-LUV	55.925, -28.961, -95.84
Hunter-Lab	48.824, 6.629, -68.959
Binary	00101101, 10000110, 11101111

#2d86ef
```
#2d86ef rgb(45,134,239)
```
#ef962d
```
#ef962d rgb(239,150,45)
```

Complementary Color

#2de7ef
```
#2de7ef rgb(45,231,239)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#352def
```
#352def rgb(53,45,239)
```

Analogous Color

#e7ef2d
```
#e7ef2d rgb(231,239,45)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#ef352d
```
#ef352d rgb(239,53,45)
```

Split Complementary Color

#86ef2d
```
#86ef2d rgb(134,239,45)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#ef2d86
```
#ef2d86 rgb(239,45,134)
```

Triadic Color

#2def96
```
#2def96 rgb(45,239,150)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#ef2d86
```
#ef2d86 rgb(239,45,134)
```
#ef962d
```
#ef962d rgb(239,150,45)
```

Tetradic Color

#0f60c1
```
#0f60c1 rgb(15,96,193)
```
#106cd9
```
#106cd9 rgb(16,108,217)
```
#1578ed
```
#1578ed rgb(21,120,237)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#4594f1
```
#4594f1 rgb(69,148,241)
```
#5ca1f3
```
#5ca1f3 rgb(92,161,243)
```
#74aff4
```
#74aff4 rgb(116,175,244)
```

Monochromatic Color

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

#2db7ef
```
#2db7ef rgb(45,183,239)
```
#2da6ef
```
#2da6ef rgb(45,166,239)
```
#2d96ef
```
#2d96ef rgb(45,150,239)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#2d76ef
```
#2d76ef rgb(45,118,239)
```
#2d66ef
```
#2d66ef rgb(45,102,239)
```
#2d56ef
```
#2d56ef rgb(45,86,239)
```

Similar Colors

Text with hexadecimal color #2d86ef

This text has a font color of #2d86ef.

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

#2d86ef background color

This paragraph has a background color of #2d86ef.

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

#2d86ef border color

This element has a border color of #2d86ef.

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

CSS codes

.text {color:#2d86ef;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#020d1b
```
#020d1b rgb(2,13,27)
```
#03172d
```
#03172d rgb(3,23,45)
```
#05203f
```
#05203f rgb(5,32,63)
```
#062952
```
#062952 rgb(6,41,82)
```
#083264
```
#083264 rgb(8,50,100)
```
#093b76
```
#093b76 rgb(9,59,118)
```
#0a4488
```
#0a4488 rgb(10,68,136)
```
#0c4d9b
```
#0c4d9b rgb(12,77,155)
```
#0d56ad
```
#0d56ad rgb(13,86,173)
```
#0f5fbf
```
#0f5fbf rgb(15,95,191)
```
#1069d1
```
#1069d1 rgb(16,105,209)
```
#1172e3
```
#1172e3 rgb(17,114,227)
```

Shade Color Variation

#1b7bee
```
#1b7bee rgb(27,123,238)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#3f91f0
```
#3f91f0 rgb(63,145,240)
```
#519bf2
```
#519bf2 rgb(81,155,242)
```
#64a6f3
```
#64a6f3 rgb(100,166,243)
```
#76b0f5
```
#76b0f5 rgb(118,176,245)
```
#88bbf6
```
#88bbf6 rgb(136,187,246)
```
#9ac5f7
```
#9ac5f7 rgb(154,197,247)
```
#add0f9
```
#add0f9 rgb(173,208,249)
```
#bfdafa
```
#bfdafa rgb(191,218,250)
```
#d1e5fb
```
#d1e5fb rgb(209,229,251)
```
#e3effd
```
#e3effd rgb(227,239,253)
```
#f5fafe
```
#f5fafe rgb(245,250,254)
```

Tint Color Variation

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

#8d8e8f
```
#8d8e8f rgb(141,142,143)
```
#848d98
```
#848d98 rgb(132,141,152)
```
#7b8ca1
```
#7b8ca1 rgb(123,140,161)
```
#738ca9
```
#738ca9 rgb(115,140,169)
```
#6a8bb2
```
#6a8bb2 rgb(106,139,178)
```
#618abb
```
#618abb rgb(97,138,187)
```
#588ac4
```
#588ac4 rgb(88,138,196)
```
#5089cc
```
#5089cc rgb(80,137,204)
```
#4788d5
```
#4788d5 rgb(71,136,213)
```
#3e87de
```
#3e87de rgb(62,135,222)
```
#3687e6
```
#3687e6 rgb(54,135,230)
```
#2d86ef
```
#2d86ef rgb(45,134,239)
```
#2485f8
```
#2485f8 rgb(36,133,248)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#687a8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5889ed Protanopia 1% of men
#008eed Deuteranopia 1% of men
#009aa3 Tritanopia 0.001% of the population

Trichromacy

#4887ed Protanomaly 1% of men, 0.01% of women
#108bee Deuteranomaly 6% of men, 0.4% of women
#1092bf Tritanomaly 0.01% of the population

#2d86ef hex color

#2d86ef Color Information

#2d86ef Color Conversion

Color Schemes with #2d86ef

Alternatives to #2d86ef

#2d86ef Preview

Shades and Tints of #2d86ef

Tones of #2d86ef

Color Blindness Simulator