#3a55fc hex color

In a RGB color space, hex #3a55fc is composed of 22.7% red, 33.3% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 66.3% magenta, 0% yellow and 1.2% black. It has a hue angle of 231.6 degrees, a saturation of 97% and a lightness of 60.8%. #3a55fc color hex could be obtained by blending #74aaff with #0000f9. Closest websafe color is: #3366ff.

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

● #3a55fc color description : Bright blue.

The hexadecimal color #3a55fc has RGB values of R:58, G:85, B:252 and CMYK values of C:0.77, M:0.66, Y:0, K:0.01. Its decimal value is 3823100.

Hex triplet	3a55fc	`#3a55fc`
RGB Decimal	58, 85, 252	`rgb(58,85,252)`
RGB Percent	22.7, 33.3, 98.8	`rgb(22.7%,33.3%,98.8%)`
CMYK	77, 66, 0, 1
HSL	231.6°, 97, 60.8	`hsl(231.6,97%,60.8%)`
HSV (or HSB)	231.6°, 77, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.834, 47.365, -85.339
XYZ	22.561, 14.423, 93.685
xyY	0.173, 0.11, 14.423
CIE-LCH	44.834, 97.602, 299.031
CIE-LUV	44.834, -14.155, -127.459
Hunter-Lab	37.978, 39.575, -119.674
Binary	00111010, 01010101, 11111100

#3a55fc
```
#3a55fc rgb(58,85,252)
```
#fce13a
```
#fce13a rgb(252,225,58)
```

Complementary Color

#3ab6fc
```
#3ab6fc rgb(58,182,252)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#803afc
```
#803afc rgb(128,58,252)
```

Analogous Color

#b6fc3a
```
#b6fc3a rgb(182,252,58)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#fc803a
```
#fc803a rgb(252,128,58)
```

Split Complementary Color

#55fc3a
```
#55fc3a rgb(85,252,58)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#fc3a55
```
#fc3a55 rgb(252,58,85)
```

Triadic Color

#3afce1
```
#3afce1 rgb(58,252,225)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#fc3a55
```
#fc3a55 rgb(252,58,85)
```
#fce13a
```
#fce13a rgb(252,225,58)
```

Tetradic Color

#0423e6
```
#0423e6 rgb(4,35,230)
```
#082afb
```
#082afb rgb(8,42,251)
```
#213ffc
```
#213ffc rgb(33,63,252)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#536bfc
```
#536bfc rgb(83,107,252)
```
#6c80fd
```
#6c80fd rgb(108,128,253)
```
#8596fd
```
#8596fd rgb(133,150,253)
```

Monochromatic Color

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

#3a86fc
```
#3a86fc rgb(58,134,252)
```
#3a75fc
```
#3a75fc rgb(58,117,252)
```
#3a65fc
```
#3a65fc rgb(58,101,252)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#3a45fc
```
#3a45fc rgb(58,69,252)
```
#3f3afc
```
#3f3afc rgb(63,58,252)
```
#4f3afc
```
#4f3afc rgb(79,58,252)
```

Similar Colors

Text with hexadecimal color #3a55fc

This text has a font color of #3a55fc.

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

#3a55fc background color

This paragraph has a background color of #3a55fc.

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

#3a55fc border color

This element has a border color of #3a55fc.

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

CSS codes

.text {color:#3a55fc;}

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

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

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

#000210
```
#000210 rgb(0,2,16)
```
#010523
```
#010523 rgb(1,5,35)
```
#010836
```
#010836 rgb(1,8,54)
```
#010b49
```
#010b49 rgb(1,11,73)
```
#010e5d
```
#010e5d rgb(1,14,93)
```
#021170
```
#021170 rgb(2,17,112)
```
#021483
```
#021483 rgb(2,20,131)
```
#021797
```
#021797 rgb(2,23,151)
```
#031aaa
```
#031aaa rgb(3,26,170)
```
#031dbd
```
#031dbd rgb(3,29,189)
```
#0320d1
```
#0320d1 rgb(3,32,209)
```
#0323e4
```
#0323e4 rgb(3,35,228)
```
#0426f7
```
#0426f7 rgb(4,38,247)
```

Shade Color Variation

#1334fb
```
#1334fb rgb(19,52,251)
```
#2744fc
```
#2744fc rgb(39,68,252)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```
#4d66fc
```
#4d66fc rgb(77,102,252)
```
#6176fd
```
#6176fd rgb(97,118,253)
```
#7487fd
```
#7487fd rgb(116,135,253)
```
#8798fd
```
#8798fd rgb(135,152,253)
```
#9ba8fd
```
#9ba8fd rgb(155,168,253)
```
#aeb9fe
```
#aeb9fe rgb(174,185,254)
```
#c1cafe
```
#c1cafe rgb(193,202,254)
```
#d5dafe
```
#d5dafe rgb(213,218,254)
```
#e8ebff
```
#e8ebff rgb(232,235,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#9698a0
```
#9698a0 rgb(150,152,160)
```
#8f92a7
```
#8f92a7 rgb(143,146,167)
```
#878daf
```
#878daf rgb(135,141,175)
```
#7f87b7
```
#7f87b7 rgb(127,135,183)
```
#7881be
```
#7881be rgb(120,129,190)
```
#707cc6
```
#707cc6 rgb(112,124,198)
```
#6876ce
```
#6876ce rgb(104,118,206)
```
#6071d6
```
#6071d6 rgb(96,113,214)
```
#596bdd
```
#596bdd rgb(89,107,221)
```
#5166e5
```
#5166e5 rgb(81,102,229)
```
#4960ed
```
#4960ed rgb(73,96,237)
```
#425bf4
```
#425bf4 rgb(66,91,244)
```
#3a55fc
```
#3a55fc rgb(58,85,252)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#585e7f Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bb Deuteranopia 1% of men
#007d83 Tritanopia 0.001% of the population

Trichromacy

#1565e4 Protanomaly 1% of men, 0.01% of women
#1569d2 Deuteranomaly 6% of men, 0.4% of women
#156eaf Tritanomaly 0.01% of the population

#3a55fc hex color

#3a55fc Color Information

#3a55fc Color Conversion

Color Schemes with #3a55fc

Alternatives to #3a55fc

#3a55fc Preview

Shades and Tints of #3a55fc

Tones of #3a55fc

Color Blindness Simulator