#3e5afc hex color

In a RGB color space, hex #3e5afc is composed of 24.3% red, 35.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 64.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 231.2 degrees, a saturation of 96.9% and a lightness of 61.6%. #3e5afc color hex could be obtained by blending #7cb4ff with #0000f9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 24
- G 35
- B 99
RGB color chart
- C 75
- M 64
- Y 0
- K 1
CMYK color chart

● #3e5afc color description : Bright blue.

The hexadecimal color #3e5afc has RGB values of R:62, G:90, B:252 and CMYK values of C:0.75, M:0.64, Y:0, K:0.01. Its decimal value is 4086524.

Hex triplet	3e5afc	`#3e5afc`
RGB Decimal	62, 90, 252	`rgb(62,90,252)`
RGB Percent	24.3, 35.3, 98.8	`rgb(24.3%,35.3%,98.8%)`
CMYK	75, 64, 0, 1
HSL	231.2°, 96.9, 61.6	`hsl(231.2,96.9%,61.6%)`
HSV (or HSB)	231.2°, 75.4, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.128, 44.731, -83.208
XYZ	23.21, 15.363, 93.832
xyY	0.175, 0.116, 15.363
CIE-LCH	46.128, 94.469, 298.262
CIE-LUV	46.128, -14.607, -125.907
Hunter-Lab	39.196, 37.106, -114.499
Binary	00111110, 01011010, 11111100

#3e5afc
```
#3e5afc rgb(62,90,252)
```
#fce03e
```
#fce03e rgb(252,224,62)
```

Complementary Color

#3eb9fc
```
#3eb9fc rgb(62,185,252)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#813efc
```
#813efc rgb(129,62,252)
```

Analogous Color

#b9fc3e
```
#b9fc3e rgb(185,252,62)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#fc813e
```
#fc813e rgb(252,129,62)
```

Split Complementary Color

#5afc3e
```
#5afc3e rgb(90,252,62)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#fc3e5a
```
#fc3e5a rgb(252,62,90)
```

Triadic Color

#3efce0
```
#3efce0 rgb(62,252,224)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#fc3e5a
```
#fc3e5a rgb(252,62,90)
```
#fce03e
```
#fce03e rgb(252,224,62)
```

Tetradic Color

#0426ea
```
#0426ea rgb(4,38,234)
```
#0c2ffb
```
#0c2ffb rgb(12,47,251)
```
#2545fc
```
#2545fc rgb(37,69,252)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#576ffc
```
#576ffc rgb(87,111,252)
```
#7085fd
```
#7085fd rgb(112,133,253)
```
#899afd
```
#899afd rgb(137,154,253)
```

Monochromatic Color

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

#3e8afc
```
#3e8afc rgb(62,138,252)
```
#3e7afc
```
#3e7afc rgb(62,122,252)
```
#3e6afc
```
#3e6afc rgb(62,106,252)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#3e4afc
```
#3e4afc rgb(62,74,252)
```
#423efc
```
#423efc rgb(66,62,252)
```
#513efc
```
#513efc rgb(81,62,252)
```

Similar Colors

Text with hexadecimal color #3e5afc

This text has a font color of #3e5afc.

<span style="color:#3e5afc;">Text here</span>

#3e5afc background color

This paragraph has a background color of #3e5afc.

<p style="background-color:#3e5afc;">Content here</p>

#3e5afc border color

This element has a border color of #3e5afc.

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

CSS codes

.text {color:#3e5afc;}

.background {background-color:#3e5afc;}

.border {border:1px solid #3e5afc;}

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

#000000
```
#000000 rgb(0,0,0)
```
#000313
```
#000313 rgb(0,3,19)
```
#010627
```
#010627 rgb(1,6,39)
```
#01093a
```
#01093a rgb(1,9,58)
```
#010c4d
```
#010c4d rgb(1,12,77)
```
#021061
```
#021061 rgb(2,16,97)
```
#021374
```
#021374 rgb(2,19,116)
```
#021687
```
#021687 rgb(2,22,135)
```
#02199b
```
#02199b rgb(2,25,155)
```
#031cae
```
#031cae rgb(3,28,174)
```
#031fc1
```
#031fc1 rgb(3,31,193)
```
#0322d5
```
#0322d5 rgb(3,34,213)
```
#0425e8
```
#0425e8 rgb(4,37,232)
```

Shade Color Variation

#0428fb
```
#0428fb rgb(4,40,251)
```
#1739fb
```
#1739fb rgb(23,57,251)
```
#2b49fc
```
#2b49fc rgb(43,73,252)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```
#516bfc
```
#516bfc rgb(81,107,252)
```
#657bfd
```
#657bfd rgb(101,123,253)
```
#788cfd
```
#788cfd rgb(120,140,253)
```
#8b9cfd
```
#8b9cfd rgb(139,156,253)
```
#9fadfe
```
#9fadfe rgb(159,173,254)
```
#b2bdfe
```
#b2bdfe rgb(178,189,254)
```
#c5cefe
```
#c5cefe rgb(197,206,254)
```
#d9defe
```
#d9defe rgb(217,222,254)
```
#ecefff
```
#ecefff rgb(236,239,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #989aa2 is the less saturated color, while #3e5afc is the most saturated one.

#989aa2
```
#989aa2 rgb(152,154,162)
```
#9194a9
```
#9194a9 rgb(145,148,169)
```
#898fb1
```
#898fb1 rgb(137,143,177)
```
#828ab8
```
#828ab8 rgb(130,138,184)
```
#7a85c0
```
#7a85c0 rgb(122,133,192)
```
#737fc7
```
#737fc7 rgb(115,127,199)
```
#6b7acf
```
#6b7acf rgb(107,122,207)
```
#6475d6
```
#6475d6 rgb(100,117,214)
```
#5c6fde
```
#5c6fde rgb(92,111,222)
```
#556ae5
```
#556ae5 rgb(85,106,229)
```
#4d65ed
```
#4d65ed rgb(77,101,237)
```
#465ff4
```
#465ff4 rgb(70,95,244)
```
#3e5afc
```
#3e5afc rgb(62,90,252)
```

Tone Color Variation

Below, you can see how #3e5afc 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

#646464 Achromatopsia 0.005% of the population
#5c6282 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dd Protanopia 1% of men
#0077c0 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#1668e8 Protanomaly 1% of men, 0.01% of women
#166dd6 Deuteranomaly 6% of men, 0.4% of women
#1672b1 Tritanomaly 0.01% of the population

#3e5afc hex color

#3e5afc Color Information

#3e5afc Color Conversion

Color Schemes with #3e5afc

Alternatives to #3e5afc

#3e5afc Preview

Shades and Tints of #3e5afc

Tones of #3e5afc

Color Blindness Simulator