#2d94ed hex color

In a RGB color space, hex #2d94ed is composed of 17.6% red, 58% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 37.6% magenta, 0% yellow and 7.1% black. It has a hue angle of 207.8 degrees, a saturation of 84.2% and a lightness of 55.3%. #2d94ed color hex could be obtained by blending #5affff with #0029db. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 58
- B 93
RGB color chart
- C 81
- M 38
- Y 0
- K 7
CMYK color chart

● #2d94ed color description : Bright blue.

The hexadecimal color #2d94ed has RGB values of R:45, G:148, B:237 and CMYK values of C:0.81, M:0.38, Y:0, K:0.07. Its decimal value is 2987245.

Hex triplet	2d94ed	`#2d94ed`
RGB Decimal	45, 148, 237	`rgb(45,148,237)`
RGB Percent	17.6, 58, 92.9	`rgb(17.6%,58%,92.9%)`
CMYK	81, 38, 0, 7
HSL	207.8°, 84.2, 55.3	`hsl(207.8,84.2%,55.3%)`
HSV (or HSB)	207.8°, 81, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	59.753, 1.979, -52.873
XYZ	26.955, 27.85, 84.071
xyY	0.194, 0.201, 27.85
CIE-LCH	59.753, 52.91, 272.143
CIE-LUV	59.753, -33.504, -84.423
Hunter-Lab	52.773, -1.181, -57.512
Binary	00101101, 10010100, 11101101

#2d94ed
```
#2d94ed rgb(45,148,237)
```
#ed862d
```
#ed862d rgb(237,134,45)
```

Complementary Color

#2dede6
```
#2dede6 rgb(45,237,230)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#2d34ed
```
#2d34ed rgb(45,52,237)
```

Analogous Color

#ede62d
```
#ede62d rgb(237,230,45)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#ed2d34
```
#ed2d34 rgb(237,45,52)
```

Split Complementary Color

#94ed2d
```
#94ed2d rgb(148,237,45)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#ed2d94
```
#ed2d94 rgb(237,45,148)
```

Triadic Color

#2ded86
```
#2ded86 rgb(45,237,134)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#ed2d94
```
#ed2d94 rgb(237,45,148)
```
#ed862d
```
#ed862d rgb(237,134,45)
```

Tetradic Color

#106dbd
```
#106dbd rgb(16,109,189)
```
#127bd5
```
#127bd5 rgb(18,123,213)
```
#1688eb
```
#1688eb rgb(22,136,235)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#44a0ef
```
#44a0ef rgb(68,160,239)
```
#5cacf1
```
#5cacf1 rgb(92,172,241)
```
#73b8f3
```
#73b8f3 rgb(115,184,243)
```

Monochromatic Color

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

#2dc4ed
```
#2dc4ed rgb(45,196,237)
```
#2db4ed
```
#2db4ed rgb(45,180,237)
```
#2da4ed
```
#2da4ed rgb(45,164,237)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#2d84ed
```
#2d84ed rgb(45,132,237)
```
#2d74ed
```
#2d74ed rgb(45,116,237)
```
#2d64ed
```
#2d64ed rgb(45,100,237)
```

Similar Colors

Text with hexadecimal color #2d94ed

This text has a font color of #2d94ed.

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

#2d94ed background color

This paragraph has a background color of #2d94ed.

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

#2d94ed border color

This element has a border color of #2d94ed.

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

CSS codes

.text {color:#2d94ed;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#020e19
```
#020e19 rgb(2,14,25)
```
#04192b
```
#04192b rgb(4,25,43)
```
#05233d
```
#05233d rgb(5,35,61)
```
#072e4f
```
#072e4f rgb(7,46,79)
```
#083861
```
#083861 rgb(8,56,97)
```
#0a4273
```
#0a4273 rgb(10,66,115)
```
#0b4d85
```
#0b4d85 rgb(11,77,133)
```
#0d5797
```
#0d5797 rgb(13,87,151)
```
#0f62a9
```
#0f62a9 rgb(15,98,169)
```
#106cbb
```
#106cbb rgb(16,108,187)
```
#1276ce
```
#1276ce rgb(18,118,206)
```
#1381e0
```
#1381e0 rgb(19,129,224)
```

Shade Color Variation

#1b8beb
```
#1b8beb rgb(27,139,235)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#3f9def
```
#3f9def rgb(63,157,239)
```
#51a6f0
```
#51a6f0 rgb(81,166,240)
```
#63b0f2
```
#63b0f2 rgb(99,176,242)
```
#75b9f3
```
#75b9f3 rgb(117,185,243)
```
#87c2f5
```
#87c2f5 rgb(135,194,245)
```
#99cbf6
```
#99cbf6 rgb(153,203,246)
```
#abd4f8
```
#abd4f8 rgb(171,212,248)
```
#bedef9
```
#bedef9 rgb(190,222,249)
```
#d0e7fb
```
#d0e7fb rgb(208,231,251)
```
#e2f0fc
```
#e2f0fc rgb(226,240,252)
```
#f4f9fe
```
#f4f9fe rgb(244,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858e95 is the less saturated color, while #1b95ff is the most saturated one.

#858e95
```
#858e95 rgb(133,142,149)
```
#7c8e9e
```
#7c8e9e rgb(124,142,158)
```
#738fa7
```
#738fa7 rgb(115,143,167)
```
#6a90b0
```
#6a90b0 rgb(106,144,176)
```
#6290b8
```
#6290b8 rgb(98,144,184)
```
#5991c1
```
#5991c1 rgb(89,145,193)
```
#5091ca
```
#5091ca rgb(80,145,202)
```
#4792d3
```
#4792d3 rgb(71,146,211)
```
#3f93db
```
#3f93db rgb(63,147,219)
```
#3693e4
```
#3693e4 rgb(54,147,228)
```
#2d94ed
```
#2d94ed rgb(45,148,237)
```
#2495f6
```
#2495f6 rgb(36,149,246)
```
#1b95ff
```
#1b95ff rgb(27,149,255)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8395 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7092e8 Protanopia 1% of men
#5196ef Deuteranopia 1% of men
#00a4af Tritanopia 0.001% of the population

Trichromacy

#5893ea Protanomaly 1% of men, 0.01% of women
#4495ee Deuteranomaly 6% of men, 0.4% of women
#109ec5 Tritanomaly 0.01% of the population

#2d94ed hex color

#2d94ed Color Information

#2d94ed Color Conversion

Color Schemes with #2d94ed

Alternatives to #2d94ed

#2d94ed Preview

Shades and Tints of #2d94ed

Tones of #2d94ed

Color Blindness Simulator