#2d4afe hex color

In a RGB color space, hex #2d4afe is composed of 17.6% red, 29% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 70.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.7 degrees, a saturation of 99.1% and a lightness of 58.6%. #2d4afe color hex could be obtained by blending #5a94ff with #0000fd. Closest websafe color is: #3333ff.

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

● #2d4afe color description : Bright blue.

The hexadecimal color #2d4afe has RGB values of R:45, G:74, B:254 and CMYK values of C:0.82, M:0.71, Y:0, K:0. Its decimal value is 2968318.

Hex triplet	2d4afe	`#2d4afe`
RGB Decimal	45, 74, 254	`rgb(45,74,254)`
RGB Percent	17.6, 29, 99.6	`rgb(17.6%,29%,99.6%)`
CMYK	82, 71, 0, 0
HSL	231.7°, 99.1, 58.6	`hsl(231.7,99.1%,58.6%)`
HSV (or HSB)	231.7°, 82.3, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.169, 53.529, -90.863
XYZ	21.417, 12.61, 95.066
xyY	0.166, 0.098, 12.61
CIE-LCH	42.169, 105.458, 300.503
CIE-LUV	42.169, -13.727, -131.25
Hunter-Lab	35.51, 45.514, -133.871
Binary	00101101, 01001010, 11111110

#2d4afe
```
#2d4afe rgb(45,74,254)
```
#fee12d
```
#fee12d rgb(254,225,45)
```

Complementary Color

#2db3fe
```
#2db3fe rgb(45,179,254)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#792dfe
```
#792dfe rgb(121,45,254)
```

Analogous Color

#b3fe2d
```
#b3fe2d rgb(179,254,45)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#fe792d
```
#fe792d rgb(254,121,45)
```

Split Complementary Color

#4afe2d
```
#4afe2d rgb(74,254,45)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#fe2d4a
```
#fe2d4a rgb(254,45,74)
```

Triadic Color

#2dfee1
```
#2dfee1 rgb(45,254,225)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#fe2d4a
```
#fe2d4a rgb(254,45,74)
```
#fee12d
```
#fee12d rgb(254,225,45)
```

Tetradic Color

#0120dd
```
#0120dd rgb(1,32,221)
```
#0123f7
```
#0123f7 rgb(1,35,247)
```
#1434fe
```
#1434fe rgb(20,52,254)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#4660fe
```
#4660fe rgb(70,96,254)
```
#6076fe
```
#6076fe rgb(96,118,254)
```
#798cfe
```
#798cfe rgb(121,140,254)
```

Monochromatic Color

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

#2d7efe
```
#2d7efe rgb(45,126,254)
```
#2d6dfe
```
#2d6dfe rgb(45,109,254)
```
#2d5bfe
```
#2d5bfe rgb(45,91,254)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#2d39fe
```
#2d39fe rgb(45,57,254)
```
#332dfe
```
#332dfe rgb(51,45,254)
```
#442dfe
```
#442dfe rgb(68,45,254)
```

Similar Colors

Text with hexadecimal color #2d4afe

This text has a font color of #2d4afe.

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

#2d4afe background color

This paragraph has a background color of #2d4afe.

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

#2d4afe border color

This element has a border color of #2d4afe.

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

CSS codes

.text {color:#2d4afe;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000318
```
#000318 rgb(0,3,24)
```
#00062c
```
#00062c rgb(0,6,44)
```
#00093f
```
#00093f rgb(0,9,63)
```
#000c53
```
#000c53 rgb(0,12,83)
```
#000f66
```
#000f66 rgb(0,15,102)
```
#01117a
```
#01117a rgb(1,17,122)
```
#01148d
```
#01148d rgb(1,20,141)
```
#0117a1
```
#0117a1 rgb(1,23,161)
```
#011ab4
```
#011ab4 rgb(1,26,180)
```
#011dc8
```
#011dc8 rgb(1,29,200)
```
#011fdb
```
#011fdb rgb(1,31,219)
```
#0122ef
```
#0122ef rgb(1,34,239)
```

Shade Color Variation

#0628fe
```
#0628fe rgb(6,40,254)
```
#1939fe
```
#1939fe rgb(25,57,254)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```
#415bfe
```
#415bfe rgb(65,91,254)
```
#546cfe
```
#546cfe rgb(84,108,254)
```
#687cfe
```
#687cfe rgb(104,124,254)
```
#7b8dfe
```
#7b8dfe rgb(123,141,254)
```
#8f9efe
```
#8f9efe rgb(143,158,254)
```
#a2afff
```
#a2afff rgb(162,175,255)
```
#b6c0ff
```
#b6c0ff rgb(182,192,255)
```
#c9d1ff
```
#c9d1ff rgb(201,209,255)
```
#dde1ff
```
#dde1ff rgb(221,225,255)
```
#f0f2ff
```
#f0f2ff rgb(240,242,255)
```

Tint Color Variation

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

#8e909d
```
#8e909d rgb(142,144,157)
```
#868aa5
```
#868aa5 rgb(134,138,165)
```
#7e85ad
```
#7e85ad rgb(126,133,173)
```
#767fb5
```
#767fb5 rgb(118,127,181)
```
#6e79bd
```
#6e79bd rgb(110,121,189)
```
#6673c5
```
#6673c5 rgb(102,115,197)
```
#5e6dcd
```
#5e6dcd rgb(94,109,205)
```
#5667d5
```
#5667d5 rgb(86,103,213)
```
#4d61de
```
#4d61de rgb(77,97,222)
```
#455ce6
```
#455ce6 rgb(69,92,230)
```
#3d56ee
```
#3d56ee rgb(61,86,238)
```
#3550f6
```
#3550f6 rgb(53,80,246)
```
#2d4afe
```
#2d4afe rgb(45,74,254)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#4e5478 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cb Protanopia 1% of men
#006eb0 Deuteranopia 1% of men
#00767c Tritanopia 0.001% of the population

Trichromacy

#105ddd Protanomaly 1% of men, 0.01% of women
#1061cc Deuteranomaly 6% of men, 0.4% of women
#1066ab Tritanomaly 0.01% of the population

#2d4afe hex color

#2d4afe Color Information

#2d4afe Color Conversion

Color Schemes with #2d4afe

Alternatives to #2d4afe

#2d4afe Preview

Shades and Tints of #2d4afe

Tones of #2d4afe

Color Blindness Simulator