#3a55dd hex color

In a RGB color space, hex #3a55dd is composed of 22.7% red, 33.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 61.5% magenta, 0% yellow and 13.3% black. It has a hue angle of 230.1 degrees, a saturation of 70.6% and a lightness of 54.7%. #3a55dd color hex could be obtained by blending #74aaff with #0000bb. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 23
- G 33
- B 87
RGB color chart
- C 74
- M 62
- Y 0
- K 13
CMYK color chart

● #3a55dd color description : Bright blue.

The hexadecimal color #3a55dd has RGB values of R:58, G:85, B:221 and CMYK values of C:0.74, M:0.62, Y:0, K:0.13. Its decimal value is 3823069.

Hex triplet	3a55dd	`#3a55dd`
RGB Decimal	58, 85, 221	`rgb(58,85,221)`
RGB Percent	22.7, 33.3, 86.7	`rgb(22.7%,33.3%,86.7%)`
CMYK	74, 62, 0, 13
HSL	230.1°, 70.6, 54.7	`hsl(230.1,70.6%,54.7%)`
HSV (or HSB)	230.1°, 73.8, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.179, 36.585, -72.213
XYZ	18.042, 12.616, 69.887
xyY	0.179, 0.125, 12.616
CIE-LCH	42.179, 80.952, 296.868
CIE-LUV	42.179, -13.572, -107.478
Hunter-Lab	35.519, 28.512, -91.796
Binary	00111010, 01010101, 11011101

#3a55dd
```
#3a55dd rgb(58,85,221)
```
#ddc23a
```
#ddc23a rgb(221,194,58)
```

Complementary Color

#3aa7dd
```
#3aa7dd rgb(58,167,221)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#713add
```
#713add rgb(113,58,221)
```

Analogous Color

#a7dd3a
```
#a7dd3a rgb(167,221,58)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#dd713a
```
#dd713a rgb(221,113,58)
```

Split Complementary Color

#55dd3a
```
#55dd3a rgb(85,221,58)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#dd3a55
```
#dd3a55 rgb(221,58,85)
```

Triadic Color

#3addc2
```
#3addc2 rgb(58,221,194)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#dd3a55
```
#dd3a55 rgb(221,58,85)
```
#ddc23a
```
#ddc23a rgb(221,194,58)
```

Tetradic Color

#1e35ad
```
#1e35ad rgb(30,53,173)
```
#223cc2
```
#223cc2 rgb(34,60,194)
```
#2543d8
```
#2543d8 rgb(37,67,216)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#5068e1
```
#5068e1 rgb(80,104,225)
```
#657be5
```
#657be5 rgb(101,123,229)
```
#7b8de8
```
#7b8de8 rgb(123,141,232)
```

Monochromatic Color

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

#3a7edd
```
#3a7edd rgb(58,126,221)
```
#3a70dd
```
#3a70dd rgb(58,112,221)
```
#3a63dd
```
#3a63dd rgb(58,99,221)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#3a47dd
```
#3a47dd rgb(58,71,221)
```
#3a3add
```
#3a3add rgb(58,58,221)
```
#483add
```
#483add rgb(72,58,221)
```

Similar Colors

Text with hexadecimal color #3a55dd

This text has a font color of #3a55dd.

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

#3a55dd background color

This paragraph has a background color of #3a55dd.

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

#3a55dd border color

This element has a border color of #3a55dd.

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

CSS codes

.text {color:#3a55dd;}

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

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

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

#010104
```
#010104 rgb(1,1,4)
```
#040614
```
#040614 rgb(4,6,20)
```
#060c25
```
#060c25 rgb(6,12,37)
```
#091136
```
#091136 rgb(9,17,54)
```
#0c1647
```
#0c1647 rgb(12,22,71)
```
#0f1b57
```
#0f1b57 rgb(15,27,87)
```
#122068
```
#122068 rgb(18,32,104)
```
#152579
```
#152579 rgb(21,37,121)
```
#182b8a
```
#182b8a rgb(24,43,138)
```
#1b309a
```
#1b309a rgb(27,48,154)
```
#1e35ab
```
#1e35ab rgb(30,53,171)
```
#203abc
```
#203abc rgb(32,58,188)
```
#233fcc
```
#233fcc rgb(35,63,204)
```

Shade Color Variation

#2947da
```
#2947da rgb(41,71,218)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#4b63e0
```
#4b63e0 rgb(75,99,224)
```
#5b72e3
```
#5b72e3 rgb(91,114,227)
```
#6c80e6
```
#6c80e6 rgb(108,128,230)
```
#7d8fe9
```
#7d8fe9 rgb(125,143,233)
```
#8e9deb
```
#8e9deb rgb(142,157,235)
```
#9eacee
```
#9eacee rgb(158,172,238)
```
#afbaf1
```
#afbaf1 rgb(175,186,241)
```
#c0c8f4
```
#c0c8f4 rgb(192,200,244)
```
#d1d7f7
```
#d1d7f7 rgb(209,215,247)
```
#e1e5fa
```
#e1e5fa rgb(225,229,250)
```
#f2f4fd
```
#f2f4fd rgb(242,244,253)
```

Tint Color Variation

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

#8a8a8d
```
#8a8a8d rgb(138,138,141)
```
#818596
```
#818596 rgb(129,133,150)
```
#787f9f
```
#787f9f rgb(120,127,159)
```
#6f79a8
```
#6f79a8 rgb(111,121,168)
```
#6673b1
```
#6673b1 rgb(102,115,177)
```
#5e6db9
```
#5e6db9 rgb(94,109,185)
```
#5567c2
```
#5567c2 rgb(85,103,194)
```
#4c61cb
```
#4c61cb rgb(76,97,203)
```
#435bd4
```
#435bd4 rgb(67,91,212)
```
#3a55dd
```
#3a55dd rgb(58,85,221)
```
#314fe6
```
#314fe6 rgb(49,79,230)
```
#2849ef
```
#2849ef rgb(40,73,239)
```
#1f43f8
```
#1f43f8 rgb(31,67,248)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#555b76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068cc Protanopia 1% of men
#006eb1 Deuteranopia 1% of men
#00767d Tritanopia 0.001% of the population

Trichromacy

#1561d2 Protanomaly 1% of men, 0.01% of women
#1565c1 Deuteranomaly 6% of men, 0.4% of women
#156a9f Tritanomaly 0.01% of the population

#3a55dd hex color

#3a55dd Color Information

#3a55dd Color Conversion

Color Schemes with #3a55dd

Alternatives to #3a55dd

#3a55dd Preview

Shades and Tints of #3a55dd

Tones of #3a55dd

Color Blindness Simulator