#2d4fef hex color

In a RGB color space, hex #2d4fef is composed of 17.6% red, 31% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 81.2% cyan, 66.9% magenta, 0% yellow and 6.3% black. It has a hue angle of 229.5 degrees, a saturation of 85.8% and a lightness of 55.7%. #2d4fef color hex could be obtained by blending #5a9eff with #0000df. Closest websafe color is: #3366ff.

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

● #2d4fef color description : Bright blue.

The hexadecimal color #2d4fef has RGB values of R:45, G:79, B:239 and CMYK values of C:0.81, M:0.67, Y:0, K:0.06. Its decimal value is 2969583.

Hex triplet	2d4fef	`#2d4fef`
RGB Decimal	45, 79, 239	`rgb(45,79,239)`
RGB Percent	17.6, 31, 93.7	`rgb(17.6%,31%,93.7%)`
CMYK	81, 67, 0, 6
HSL	229.5°, 85.8, 55.7	`hsl(229.5,85.8%,55.7%)`
HSV (or HSB)	229.5°, 81.2, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	41.814, 45.468, -83.034
XYZ	19.455, 12.38, 83.021
xyY	0.169, 0.108, 12.38
CIE-LCH	41.814, 94.668, 298.704
CIE-LUV	41.814, -14.413, -121.237
Hunter-Lab	35.186, 37.121, -115.265
Binary	00101101, 01001111, 11101111

#2d4fef
```
#2d4fef rgb(45,79,239)
```
#efcd2d
```
#efcd2d rgb(239,205,45)
```

Complementary Color

#2db0ef
```
#2db0ef rgb(45,176,239)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#6c2def
```
#6c2def rgb(108,45,239)
```

Analogous Color

#b0ef2d
```
#b0ef2d rgb(176,239,45)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#ef6c2d
```
#ef6c2d rgb(239,108,45)
```

Split Complementary Color

#4fef2d
```
#4fef2d rgb(79,239,45)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#ef2d4f
```
#ef2d4f rgb(239,45,79)
```

Triadic Color

#2defcd
```
#2defcd rgb(45,239,205)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#ef2d4f
```
#ef2d4f rgb(239,45,79)
```
#efcd2d
```
#efcd2d rgb(239,205,45)
```

Tetradic Color

#0f2ec1
```
#0f2ec1 rgb(15,46,193)
```
#1034d9
```
#1034d9 rgb(16,52,217)
```
#153bed
```
#153bed rgb(21,59,237)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#4563f1
```
#4563f1 rgb(69,99,241)
```
#5c77f3
```
#5c77f3 rgb(92,119,243)
```
#748bf4
```
#748bf4 rgb(116,139,244)
```

Monochromatic Color

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

#2d80ef
```
#2d80ef rgb(45,128,239)
```
#2d6fef
```
#2d6fef rgb(45,111,239)
```
#2d5fef
```
#2d5fef rgb(45,95,239)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#2d3fef
```
#2d3fef rgb(45,63,239)
```
#2d2fef
```
#2d2fef rgb(45,47,239)
```
#3c2def
```
#3c2def rgb(60,45,239)
```

Similar Colors

Text with hexadecimal color #2d4fef

This text has a font color of #2d4fef.

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

#2d4fef background color

This paragraph has a background color of #2d4fef.

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

#2d4fef border color

This element has a border color of #2d4fef.

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

CSS codes

.text {color:#2d4fef;}

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

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

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

#010209
```
#010209 rgb(1,2,9)
```
#02061b
```
#02061b rgb(2,6,27)
```
#030b2d
```
#030b2d rgb(3,11,45)
```
#050f3f
```
#050f3f rgb(5,15,63)
```
#061352
```
#061352 rgb(6,19,82)
```
#081864
```
#081864 rgb(8,24,100)
```
#091c76
```
#091c76 rgb(9,28,118)
```
#0a2088
```
#0a2088 rgb(10,32,136)
```
#0c259b
```
#0c259b rgb(12,37,155)
```
#0d29ad
```
#0d29ad rgb(13,41,173)
```
#0f2dbf
```
#0f2dbf rgb(15,45,191)
```
#1032d1
```
#1032d1 rgb(16,50,209)
```
#1136e3
```
#1136e3 rgb(17,54,227)
```

Shade Color Variation

#1b40ee
```
#1b40ee rgb(27,64,238)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#3f5ef0
```
#3f5ef0 rgb(63,94,240)
```
#516ef2
```
#516ef2 rgb(81,110,242)
```
#647df3
```
#647df3 rgb(100,125,243)
```
#768cf5
```
#768cf5 rgb(118,140,245)
```
#889bf6
```
#889bf6 rgb(136,155,246)
```
#9aabf7
```
#9aabf7 rgb(154,171,247)
```
#adbaf9
```
#adbaf9 rgb(173,186,249)
```
#bfc9fa
```
#bfc9fa rgb(191,201,250)
```
#d1d8fb
```
#d1d8fb rgb(209,216,251)
```
#e3e8fd
```
#e3e8fd rgb(227,232,253)
```
#f5f7fe
```
#f5f7fe rgb(245,247,254)
```

Tint Color Variation

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

#8d8d8f
```
#8d8d8f rgb(141,141,143)
```
#848798
```
#848798 rgb(132,135,152)
```
#7b82a1
```
#7b82a1 rgb(123,130,161)
```
#737ca9
```
#737ca9 rgb(115,124,169)
```
#6a77b2
```
#6a77b2 rgb(106,119,178)
```
#6171bb
```
#6171bb rgb(97,113,187)
```
#586bc4
```
#586bc4 rgb(88,107,196)
```
#5066cc
```
#5066cc rgb(80,102,204)
```
#4760d5
```
#4760d5 rgb(71,96,213)
```
#3e5ade
```
#3e5ade rgb(62,90,222)
```
#3655e6
```
#3655e6 rgb(54,85,230)
```
#2d4fef
```
#2d4fef rgb(45,79,239)
```
#2449f8
```
#2449f8 rgb(36,73,248)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#4f5575 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006daf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#105ed7 Protanomaly 1% of men, 0.01% of women
#1062c6 Deuteranomaly 6% of men, 0.4% of women
#1067a5 Tritanomaly 0.01% of the population

#2d4fef hex color

#2d4fef Color Information

#2d4fef Color Conversion

Color Schemes with #2d4fef

Alternatives to #2d4fef

#2d4fef Preview

Shades and Tints of #2d4fef

Tones of #2d4fef

Color Blindness Simulator