#3450fd hex color

In a RGB color space, hex #3450fd is composed of 20.4% red, 31.4% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.4% cyan, 68.4% magenta, 0% yellow and 0.8% black. It has a hue angle of 231.6 degrees, a saturation of 98% and a lightness of 59.8%. #3450fd color hex could be obtained by blending #68a0ff with #0000fb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 31
- B 99
RGB color chart
- C 79
- M 68
- Y 0
- K 1
CMYK color chart

● #3450fd color description : Bright blue.

The hexadecimal color #3450fd has RGB values of R:52, G:80, B:253 and CMYK values of C:0.79, M:0.68, Y:0, K:0.01. Its decimal value is 3428605.

Hex triplet	3450fd	`#3450fd`
RGB Decimal	52, 80, 253	`rgb(52,80,253)`
RGB Percent	20.4, 31.4, 99.2	`rgb(20.4%,31.4%,99.2%)`
CMYK	79, 68, 0, 1
HSL	231.6°, 98, 59.8	`hsl(231.6,98%,59.8%)`
HSV (or HSB)	231.6°, 79.4, 99.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	43.592, 50.184, -87.949
XYZ	22.011, 13.558, 94.38
xyY	0.169, 0.104, 13.558
CIE-LCH	43.592, 101.26, 299.709
CIE-LUV	43.592, -13.998, -129.424
Hunter-Lab	36.821, 42.268, -126.199
Binary	00110100, 01010000, 11111101

#3450fd
```
#3450fd rgb(52,80,253)
```
#fde134
```
#fde134 rgb(253,225,52)
```

Complementary Color

#34b5fd
```
#34b5fd rgb(52,181,253)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#7d34fd
```
#7d34fd rgb(125,52,253)
```

Analogous Color

#b5fd34
```
#b5fd34 rgb(181,253,52)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#fd7d34
```
#fd7d34 rgb(253,125,52)
```

Split Complementary Color

#50fd34
```
#50fd34 rgb(80,253,52)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#fd3450
```
#fd3450 rgb(253,52,80)
```

Triadic Color

#34fde1
```
#34fde1 rgb(52,253,225)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#fd3450
```
#fd3450 rgb(253,52,80)
```
#fde134
```
#fde134 rgb(253,225,52)
```

Tetradic Color

#0221e2
```
#0221e2 rgb(2,33,226)
```
#0225fc
```
#0225fc rgb(2,37,252)
```
#1b3afd
```
#1b3afd rgb(27,58,253)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#4d66fd
```
#4d66fd rgb(77,102,253)
```
#677cfd
```
#677cfd rgb(103,124,253)
```
#8091fe
```
#8091fe rgb(128,145,254)
```

Monochromatic Color

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

#3482fd
```
#3482fd rgb(52,130,253)
```
#3472fd
```
#3472fd rgb(52,114,253)
```
#3461fd
```
#3461fd rgb(52,97,253)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#343ffd
```
#343ffd rgb(52,63,253)
```
#3a34fd
```
#3a34fd rgb(58,52,253)
```
#4a34fd
```
#4a34fd rgb(74,52,253)
```

Similar Colors

Text with hexadecimal color #3450fd

This text has a font color of #3450fd.

<span style="color:#3450fd;">Text here</span>

#3450fd background color

This paragraph has a background color of #3450fd.

<p style="background-color:#3450fd;">Content here</p>

#3450fd border color

This element has a border color of #3450fd.

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

CSS codes

.text {color:#3450fd;}

.background {background-color:#3450fd;}

.border {border:1px solid #3450fd;}

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, #00020b is the darkest color, while #f6f7ff is the lightest one.

#00020b
```
#00020b rgb(0,2,11)
```
#00041e
```
#00041e rgb(0,4,30)
```
#000732
```
#000732 rgb(0,7,50)
```
#010a45
```
#010a45 rgb(1,10,69)
```
#010d58
```
#010d58 rgb(1,13,88)
```
#01106c
```
#01106c rgb(1,16,108)
```
#01137f
```
#01137f rgb(1,19,127)
```
#011693
```
#011693 rgb(1,22,147)
```
#0219a6
```
#0219a6 rgb(2,25,166)
```
#021bb9
```
#021bb9 rgb(2,27,185)
```
#021ecd
```
#021ecd rgb(2,30,205)
```
#0221e0
```
#0221e0 rgb(2,33,224)
```
#0224f4
```
#0224f4 rgb(2,36,244)
```

Shade Color Variation

#0d2ffd
```
#0d2ffd rgb(13,47,253)
```
#213ffd
```
#213ffd rgb(33,63,253)
```
#3450fd
```
#3450fd rgb(52,80,253)
```
#4761fd
```
#4761fd rgb(71,97,253)
```
#5b71fd
```
#5b71fd rgb(91,113,253)
```
#6e82fe
```
#6e82fe rgb(110,130,254)
```
#8293fe
```
#8293fe rgb(130,147,254)
```
#95a4fe
```
#95a4fe rgb(149,164,254)
```
#a9b4fe
```
#a9b4fe rgb(169,180,254)
```
#bcc5fe
```
#bcc5fe rgb(188,197,254)
```
#cfd6ff
```
#cfd6ff rgb(207,214,255)
```
#e3e7ff
```
#e3e7ff rgb(227,231,255)
```
#f6f7ff
```
#f6f7ff rgb(246,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #93949e is the less saturated color, while #3450fd is the most saturated one.

#93949e
```
#93949e rgb(147,148,158)
```
#8b8fa6
```
#8b8fa6 rgb(139,143,166)
```
#8389ae
```
#8389ae rgb(131,137,174)
```
#7b83b6
```
#7b83b6 rgb(123,131,182)
```
#737ebe
```
#737ebe rgb(115,126,190)
```
#6b78c6
```
#6b78c6 rgb(107,120,198)
```
#6372ce
```
#6372ce rgb(99,114,206)
```
#5b6cd6
```
#5b6cd6 rgb(91,108,214)
```
#5467dd
```
#5467dd rgb(84,103,221)
```
#4c61e5
```
#4c61e5 rgb(76,97,229)
```
#445bed
```
#445bed rgb(68,91,237)
```
#3c56f5
```
#3c56f5 rgb(60,86,245)
```
#3450fd
```
#3450fd rgb(52,80,253)
```

Tone Color Variation

Below, you can see how #3450fd 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

#5b5b5b Achromatopsia 0.005% of the population
#53597b Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b5 Deuteranopia 1% of men
#007980 Tritanopia 0.001% of the population

Trichromacy

#1261e1 Protanomaly 1% of men, 0.01% of women
#1265cf Deuteranomaly 6% of men, 0.4% of women
#126aad Tritanomaly 0.01% of the population

#3450fd hex color

#3450fd Color Information

#3450fd Color Conversion

Color Schemes with #3450fd

Alternatives to #3450fd

#3450fd Preview

Shades and Tints of #3450fd

Tones of #3450fd

Color Blindness Simulator