#2d3afd hex color

In a RGB color space, hex #2d3afd is composed of 17.6% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 82.2% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 236.3 degrees, a saturation of 98.1% and a lightness of 58.4%. #2d3afd color hex could be obtained by blending #5a74ff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 23
- B 99
RGB color chart
- C 82
- M 77
- Y 0
- K 1
CMYK color chart

● #2d3afd color description : Bright blue.

The hexadecimal color #2d3afd has RGB values of R:45, G:58, B:253 and CMYK values of C:0.82, M:0.77, Y:0, K:0.01. Its decimal value is 2964221.

Hex triplet	2d3afd	`#2d3afd`
RGB Decimal	45, 58, 253	`rgb(45,58,253)`
RGB Percent	17.6, 22.7, 99.2	`rgb(17.6%,22.7%,99.2%)`
CMYK	82, 77, 0, 1
HSL	236.3°, 98.1, 58.4	`hsl(236.3,98.1%,58.4%)`
HSV (or HSB)	236.3°, 82.2, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.027, 61.796, -95.505
XYZ	20.321, 10.674, 93.912
xyY	0.163, 0.085, 10.674
CIE-LCH	39.027, 113.754, 302.905
CIE-LUV	39.027, -11.144, -132.149
Hunter-Lab	32.672, 53.849, -147.555
Binary	00101101, 00111010, 11111101

#2d3afd
```
#2d3afd rgb(45,58,253)
```
#fdf02d
```
#fdf02d rgb(253,240,45)
```

Complementary Color

#2da2fd
```
#2da2fd rgb(45,162,253)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#882dfd
```
#882dfd rgb(136,45,253)
```

Analogous Color

#a2fd2d
```
#a2fd2d rgb(162,253,45)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#fd882d
```
#fd882d rgb(253,136,45)
```

Split Complementary Color

#3afd2d
```
#3afd2d rgb(58,253,45)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#fd2d3a
```
#fd2d3a rgb(253,45,58)
```

Triadic Color

#2dfdf0
```
#2dfdf0 rgb(45,253,240)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#fd2d3a
```
#fd2d3a rgb(253,45,58)
```
#fdf02d
```
#fdf02d rgb(253,240,45)
```

Tetradic Color

#0210db
```
#0210db rgb(2,16,219)
```
#0211f5
```
#0211f5 rgb(2,17,245)
```
#1422fd
```
#1422fd rgb(20,34,253)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#4652fd
```
#4652fd rgb(70,82,253)
```
#6069fd
```
#6069fd rgb(96,105,253)
```
#7981fe
```
#7981fe rgb(121,129,254)
```

Monochromatic Color

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

#2d6efd
```
#2d6efd rgb(45,110,253)
```
#2d5dfd
```
#2d5dfd rgb(45,93,253)
```
#2d4bfd
```
#2d4bfd rgb(45,75,253)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#312dfd
```
#312dfd rgb(49,45,253)
```
#432dfd
```
#432dfd rgb(67,45,253)
```
#542dfd
```
#542dfd rgb(84,45,253)
```

Similar Colors

Text with hexadecimal color #2d3afd

This text has a font color of #2d3afd.

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

#2d3afd background color

This paragraph has a background color of #2d3afd.

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

#2d3afd border color

This element has a border color of #2d3afd.

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

CSS codes

.text {color:#2d3afd;}

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

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

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

#000004
```
#000004 rgb(0,0,4)
```
#000217
```
#000217 rgb(0,2,23)
```
#00032b
```
#00032b rgb(0,3,43)
```
#01043e
```
#01043e rgb(1,4,62)
```
#010651
```
#010651 rgb(1,6,81)
```
#010765
```
#010765 rgb(1,7,101)
```
#010978
```
#010978 rgb(1,9,120)
```
#010a8c
```
#010a8c rgb(1,10,140)
```
#020b9f
```
#020b9f rgb(2,11,159)
```
#020db3
```
#020db3 rgb(2,13,179)
```
#020ec6
```
#020ec6 rgb(2,14,198)
```
#0210d9
```
#0210d9 rgb(2,16,217)
```
#0211ed
```
#0211ed rgb(2,17,237)
```

Shade Color Variation

#0616fd
```
#0616fd rgb(6,22,253)
```
#1a28fd
```
#1a28fd rgb(26,40,253)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```
#404cfd
```
#404cfd rgb(64,76,253)
```
#545efd
```
#545efd rgb(84,94,253)
```
#6771fe
```
#6771fe rgb(103,113,254)
```
#7b83fe
```
#7b83fe rgb(123,131,254)
```
#8e95fe
```
#8e95fe rgb(142,149,254)
```
#a2a7fe
```
#a2a7fe rgb(162,167,254)
```
#b5bafe
```
#b5bafe rgb(181,186,254)
```
#c8ccfe
```
#c8ccfe rgb(200,204,254)
```
#dcdeff
```
#dcdeff rgb(220,222,255)
```
#eff0ff
```
#eff0ff rgb(239,240,255)
```

Tint Color Variation

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

#8f909b
```
#8f909b rgb(143,144,155)
```
#8788a3
```
#8788a3 rgb(135,136,163)
```
#7f81ab
```
#7f81ab rgb(127,129,171)
```
#767ab4
```
#767ab4 rgb(118,122,180)
```
#6e73bc
```
#6e73bc rgb(110,115,188)
```
#666cc4
```
#666cc4 rgb(102,108,196)
```
#5e65cc
```
#5e65cc rgb(94,101,204)
```
#565ed4
```
#565ed4 rgb(86,94,212)
```
#4e57dc
```
#4e57dc rgb(78,87,220)
```
#454fe5
```
#454fe5 rgb(69,79,229)
```
#3d48ed
```
#3d48ed rgb(61,72,237)
```
#3541f5
```
#3541f5 rgb(53,65,245)
```
#2d3afd
```
#2d3afd rgb(45,58,253)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#46486f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061bd Protanopia 1% of men
#0067a3 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1053d4 Protanomaly 1% of men, 0.01% of women
#1056c4 Deuteranomaly 6% of men, 0.4% of women
#105ba5 Tritanomaly 0.01% of the population

#2d3afd hex color

#2d3afd Color Information

#2d3afd Color Conversion

Color Schemes with #2d3afd

Alternatives to #2d3afd

#2d3afd Preview

Shades and Tints of #2d3afd

Tones of #2d3afd

Color Blindness Simulator