#2d85ef hex color

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

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

● #2d85ef color description : Bright blue.

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

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

CIE-LAB	55.647, 11.731, -60.541
XYZ	25.046, 23.563, 84.885
xyY	0.188, 0.177, 23.563
CIE-LCH	55.647, 61.667, 280.966
CIE-LUV	55.647, -28.652, -96.5
Hunter-Lab	48.542, 7.153, -69.701
Binary	00101101, 10000101, 11101111

#2d85ef
```
#2d85ef rgb(45,133,239)
```
#ef972d
```
#ef972d rgb(239,151,45)
```

Complementary Color

#2de6ef
```
#2de6ef rgb(45,230,239)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#362def
```
#362def rgb(54,45,239)
```

Analogous Color

#e6ef2d
```
#e6ef2d rgb(230,239,45)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#ef362d
```
#ef362d rgb(239,54,45)
```

Split Complementary Color

#85ef2d
```
#85ef2d rgb(133,239,45)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#ef2d85
```
#ef2d85 rgb(239,45,133)
```

Triadic Color

#2def97
```
#2def97 rgb(45,239,151)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#ef2d85
```
#ef2d85 rgb(239,45,133)
```
#ef972d
```
#ef972d rgb(239,151,45)
```

Tetradic Color

#0f5fc1
```
#0f5fc1 rgb(15,95,193)
```
#106bd9
```
#106bd9 rgb(16,107,217)
```
#1577ed
```
#1577ed rgb(21,119,237)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#4593f1
```
#4593f1 rgb(69,147,241)
```
#5ca1f3
```
#5ca1f3 rgb(92,161,243)
```
#74aef4
```
#74aef4 rgb(116,174,244)
```

Monochromatic Color

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

#2db6ef
```
#2db6ef rgb(45,182,239)
```
#2da5ef
```
#2da5ef rgb(45,165,239)
```
#2d95ef
```
#2d95ef rgb(45,149,239)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#2d75ef
```
#2d75ef rgb(45,117,239)
```
#2d65ef
```
#2d65ef rgb(45,101,239)
```
#2d54ef
```
#2d54ef rgb(45,84,239)
```

Similar Colors

Text with hexadecimal color #2d85ef

This text has a font color of #2d85ef.

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

#2d85ef background color

This paragraph has a background color of #2d85ef.

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

#2d85ef border color

This element has a border color of #2d85ef.

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

CSS codes

.text {color:#2d85ef;}

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

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

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

#010409
```
#010409 rgb(1,4,9)
```
#020d1b
```
#020d1b rgb(2,13,27)
```
#03162d
```
#03162d rgb(3,22,45)
```
#051f3f
```
#051f3f rgb(5,31,63)
```
#062852
```
#062852 rgb(6,40,82)
```
#083164
```
#083164 rgb(8,49,100)
```
#093a76
```
#093a76 rgb(9,58,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)
```
#1068d1
```
#1068d1 rgb(16,104,209)
```
#1171e3
```
#1171e3 rgb(17,113,227)
```

Shade Color Variation

#1b7aee
```
#1b7aee rgb(27,122,238)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#3f90f0
```
#3f90f0 rgb(63,144,240)
```
#519af2
```
#519af2 rgb(81,154,242)
```
#64a5f3
```
#64a5f3 rgb(100,165,243)
```
#76aff5
```
#76aff5 rgb(118,175,245)
```
#88baf6
```
#88baf6 rgb(136,186,246)
```
#9ac5f7
```
#9ac5f7 rgb(154,197,247)
```
#adcff9
```
#adcff9 rgb(173,207,249)
```
#bfdafa
```
#bfdafa rgb(191,218,250)
```
#d1e4fb
```
#d1e4fb rgb(209,228,251)
```
#e3effd
```
#e3effd rgb(227,239,253)
```
#f5f9fe
```
#f5f9fe rgb(245,249,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 #2484f8 is the most saturated one.

#8d8e8f
```
#8d8e8f rgb(141,142,143)
```
#848d98
```
#848d98 rgb(132,141,152)
```
#7b8ca1
```
#7b8ca1 rgb(123,140,161)
```
#738ba9
```
#738ba9 rgb(115,139,169)
```
#6a8bb2
```
#6a8bb2 rgb(106,139,178)
```
#618abb
```
#618abb rgb(97,138,187)
```
#5889c4
```
#5889c4 rgb(88,137,196)
```
#5088cc
```
#5088cc rgb(80,136,204)
```
#4787d5
```
#4787d5 rgb(71,135,213)
```
#3e87de
```
#3e87de rgb(62,135,222)
```
#3686e6
```
#3686e6 rgb(54,134,230)
```
#2d85ef
```
#2d85ef rgb(45,133,239)
```
#2484f8
```
#2484f8 rgb(36,132,248)
```

Tone Color Variation

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

#5688ed Protanopia 1% of men
#008dec Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#4787ed Protanomaly 1% of men, 0.01% of women
#108aed Deuteranomaly 6% of men, 0.4% of women
#1091be Tritanomaly 0.01% of the population

#2d85ef hex color

#2d85ef Color Information

#2d85ef Color Conversion

Color Schemes with #2d85ef

Alternatives to #2d85ef

#2d85ef Preview

Shades and Tints of #2d85ef

Tones of #2d85ef

Color Blindness Simulator