#3545fd hex color

In a RGB color space, hex #3545fd is composed of 20.8% red, 27.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 72.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 235.2 degrees, a saturation of 98% and a lightness of 60%. #3545fd color hex could be obtained by blending #6a8aff with #0000fb. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 21
- G 27
- B 99
RGB color chart
- C 79
- M 73
- Y 0
- K 1
CMYK color chart

● #3545fd color description : Bright blue.

The hexadecimal color #3545fd has RGB values of R:53, G:69, B:253 and CMYK values of C:0.79, M:0.73, Y:0, K:0.01. Its decimal value is 3491325.

Hex triplet	3545fd	`#3545fd`
RGB Decimal	53, 69, 253	`rgb(53,69,253)`
RGB Percent	20.8, 27.1, 99.2	`rgb(20.8%,27.1%,99.2%)`
CMYK	79, 73, 0, 1
HSL	235.2°, 98, 60	`hsl(235.2,98%,60%)`
HSV (or HSB)	235.2°, 79.1, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.38, 56.482, -91.598
XYZ	21.322, 12.104, 94.136
xyY	0.167, 0.095, 12.104
CIE-LCH	41.38, 107.612, 301.659
CIE-LUV	41.38, -11.882, -131.186
Hunter-Lab	34.79, 48.517, -136.075
Binary	00110101, 01000101, 11111101

#3545fd
```
#3545fd rgb(53,69,253)
```
#fded35
```
#fded35 rgb(253,237,53)
```

Complementary Color

#35a9fd
```
#35a9fd rgb(53,169,253)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#8935fd
```
#8935fd rgb(137,53,253)
```

Analogous Color

#a9fd35
```
#a9fd35 rgb(169,253,53)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#fd8935
```
#fd8935 rgb(253,137,53)
```

Split Complementary Color

#45fd35
```
#45fd35 rgb(69,253,53)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#fd3545
```
#fd3545 rgb(253,53,69)
```

Triadic Color

#35fded
```
#35fded rgb(53,253,237)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#fd3545
```
#fd3545 rgb(253,53,69)
```
#fded35
```
#fded35 rgb(253,237,53)
```

Tetradic Color

#0214e3
```
#0214e3 rgb(2,20,227)
```
#0217fd
```
#0217fd rgb(2,23,253)
```
#1c2efd
```
#1c2efd rgb(28,46,253)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#4e5cfd
```
#4e5cfd rgb(78,92,253)
```
#6874fe
```
#6874fe rgb(104,116,254)
```
#818bfe
```
#818bfe rgb(129,139,254)
```

Monochromatic Color

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

#3577fd
```
#3577fd rgb(53,119,253)
```
#3566fd
```
#3566fd rgb(53,102,253)
```
#3556fd
```
#3556fd rgb(53,86,253)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#3635fd
```
#3635fd rgb(54,53,253)
```
#4635fd
```
#4635fd rgb(70,53,253)
```
#5735fd
```
#5735fd rgb(87,53,253)
```

Similar Colors

Text with hexadecimal color #3545fd

This text has a font color of #3545fd.

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

#3545fd background color

This paragraph has a background color of #3545fd.

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

#3545fd border color

This element has a border color of #3545fd.

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

CSS codes

.text {color:#3545fd;}

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

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

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, #00010c is the darkest color, while #f7f8ff is the lightest one.

#00010c
```
#00010c rgb(0,1,12)
```
#00031f
```
#00031f rgb(0,3,31)
```
#000533
```
#000533 rgb(0,5,51)
```
#010646
```
#010646 rgb(1,6,70)
```
#010859
```
#010859 rgb(1,8,89)
```
#010a6d
```
#010a6d rgb(1,10,109)
```
#010b80
```
#010b80 rgb(1,11,128)
```
#010d94
```
#010d94 rgb(1,13,148)
```
#020fa7
```
#020fa7 rgb(2,15,167)
```
#0211ba
```
#0211ba rgb(2,17,186)
```
#0212ce
```
#0212ce rgb(2,18,206)
```
#0214e1
```
#0214e1 rgb(2,20,225)
```
#0216f5
```
#0216f5 rgb(2,22,245)
```

Shade Color Variation

#0e21fd
```
#0e21fd rgb(14,33,253)
```
#2233fd
```
#2233fd rgb(34,51,253)
```
#3545fd
```
#3545fd rgb(53,69,253)
```
#4857fd
```
#4857fd rgb(72,87,253)
```
#5c69fd
```
#5c69fd rgb(92,105,253)
```
#6f7bfe
```
#6f7bfe rgb(111,123,254)
```
#838dfe
```
#838dfe rgb(131,141,254)
```
#969efe
```
#969efe rgb(150,158,254)
```
#aab0fe
```
#aab0fe rgb(170,176,254)
```
#bdc2fe
```
#bdc2fe rgb(189,194,254)
```
#d0d4ff
```
#d0d4ff rgb(208,212,255)
```
#e4e6ff
```
#e4e6ff rgb(228,230,255)
```
#f7f8ff
```
#f7f8ff rgb(247,248,255)
```

Tint Color Variation

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

#93949f
```
#93949f rgb(147,148,159)
```
#8b8da7
```
#8b8da7 rgb(139,141,167)
```
#8387af
```
#8387af rgb(131,135,175)
```
#7c80b6
```
#7c80b6 rgb(124,128,182)
```
#747abe
```
#747abe rgb(116,122,190)
```
#6c73c6
```
#6c73c6 rgb(108,115,198)
```
#646dce
```
#646dce rgb(100,109,206)
```
#5c66d6
```
#5c66d6 rgb(92,102,214)
```
#545fde
```
#545fde rgb(84,95,222)
```
#4d59e5
```
#4d59e5 rgb(77,89,229)
```
#4552ed
```
#4552ed rgb(69,82,237)
```
#3d4cf5
```
#3d4cf5 rgb(61,76,245)
```
#3545fd
```
#3545fd rgb(53,69,253)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#4f5277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007479 Tritanopia 0.001% of the population

Trichromacy

#135adb Protanomaly 1% of men, 0.01% of women
#135eca Deuteranomaly 6% of men, 0.4% of women
#1363a9 Tritanomaly 0.01% of the population

#3545fd hex color

#3545fd Color Information

#3545fd Color Conversion

Color Schemes with #3545fd

Alternatives to #3545fd

#3545fd Preview

Shades and Tints of #3545fd

Tones of #3545fd

Color Blindness Simulator