#3a45db hex color

In a RGB color space, hex #3a45db is composed of 22.7% red, 27.1% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 68.5% magenta, 0% yellow and 14.1% black. It has a hue angle of 235.9 degrees, a saturation of 69.1% and a lightness of 54.3%. #3a45db color hex could be obtained by blending #748aff with #0000b7. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 23
- G 27
- B 86
RGB color chart
- C 74
- M 68
- Y 0
- K 14
CMYK color chart

● #3a45db color description : Bright blue.

The hexadecimal color #3a45db has RGB values of R:58, G:69, B:219 and CMYK values of C:0.74, M:0.68, Y:0, K:0.14. Its decimal value is 3818971.

Hex triplet	3a45db	`#3a45db`
RGB Decimal	58, 69, 219	`rgb(58,69,219)`
RGB Percent	22.7, 27.1, 85.9	`rgb(22.7%,27.1%,85.9%)`
CMYK	74, 68, 0, 14
HSL	235.9°, 69.1, 54.3	`hsl(235.9,69.1%,54.3%)`
HSV (or HSB)	235.9°, 73.5, 85.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	38.321, 45.66, -77.396
XYZ	16.657, 10.269, 68.118
xyY	0.175, 0.108, 10.269
CIE-LCH	38.321, 89.86, 300.539
CIE-LUV	38.321, -10.059, -110.549
Hunter-Lab	32.046, 36.701, -103.599
Binary	00111010, 01000101, 11011011

#3a45db
```
#3a45db rgb(58,69,219)
```
#dbd03a
```
#dbd03a rgb(219,208,58)
```

Complementary Color

#3a96db
```
#3a96db rgb(58,150,219)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#803adb
```
#803adb rgb(128,58,219)
```

Analogous Color

#96db3a
```
#96db3a rgb(150,219,58)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#db803a
```
#db803a rgb(219,128,58)
```

Split Complementary Color

#45db3a
```
#45db3a rgb(69,219,58)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#db3a45
```
#db3a45 rgb(219,58,69)
```

Triadic Color

#3adbd0
```
#3adbd0 rgb(58,219,208)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#db3a45
```
#db3a45 rgb(219,58,69)
```
#dbd03a
```
#dbd03a rgb(219,208,58)
```

Tetradic Color

#1f28aa
```
#1f28aa rgb(31,40,170)
```
#232ebf
```
#232ebf rgb(35,46,191)
```
#2733d5
```
#2733d5 rgb(39,51,213)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#5059df
```
#5059df rgb(80,89,223)
```
#656ee3
```
#656ee3 rgb(101,110,227)
```
#7b82e7
```
#7b82e7 rgb(123,130,231)
```

Monochromatic Color

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

#3a6ddb
```
#3a6ddb rgb(58,109,219)
```
#3a60db
```
#3a60db rgb(58,96,219)
```
#3a52db
```
#3a52db rgb(58,82,219)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#3c3adb
```
#3c3adb rgb(60,58,219)
```
#4a3adb
```
#4a3adb rgb(74,58,219)
```
#573adb
```
#573adb rgb(87,58,219)
```

Similar Colors

Text with hexadecimal color #3a45db

This text has a font color of #3a45db.

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

#3a45db background color

This paragraph has a background color of #3a45db.

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

#3a45db border color

This element has a border color of #3a45db.

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

CSS codes

.text {color:#3a45db;}

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

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

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

#000002
```
#000002 rgb(0,0,2)
```
#030413
```
#030413 rgb(3,4,19)
```
#060823
```
#060823 rgb(6,8,35)
```
#090c34
```
#090c34 rgb(9,12,52)
```
#0c1044
```
#0c1044 rgb(12,16,68)
```
#101455
```
#101455 rgb(16,20,85)
```
#131866
```
#131866 rgb(19,24,102)
```
#161c76
```
#161c76 rgb(22,28,118)
```
#192087
```
#192087 rgb(25,32,135)
```
#1c2497
```
#1c2497 rgb(28,36,151)
```
#1f28a8
```
#1f28a8 rgb(31,40,168)
```
#222cb8
```
#222cb8 rgb(34,44,184)
```
#2530c9
```
#2530c9 rgb(37,48,201)
```

Shade Color Variation

#2935d8
```
#2935d8 rgb(41,53,216)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#4b55de
```
#4b55de rgb(75,85,222)
```
#5b64e1
```
#5b64e1 rgb(91,100,225)
```
#6c74e4
```
#6c74e4 rgb(108,116,228)
```
#7c84e7
```
#7c84e7 rgb(124,132,231)
```
#8d93ea
```
#8d93ea rgb(141,147,234)
```
#9ea3ed
```
#9ea3ed rgb(158,163,237)
```
#aeb3f0
```
#aeb3f0 rgb(174,179,240)
```
#bfc2f3
```
#bfc2f3 rgb(191,194,243)
```
#cfd2f6
```
#cfd2f6 rgb(207,210,246)
```
#e0e2f9
```
#e0e2f9 rgb(224,226,249)
```
#f0f1fc
```
#f0f1fc rgb(240,241,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #828393 is the less saturated color, while #1626ff is the most saturated one.

#828393
```
#828393 rgb(130,131,147)
```
#797b9c
```
#797b9c rgb(121,123,156)
```
#7073a5
```
#7073a5 rgb(112,115,165)
```
#676cae
```
#676cae rgb(103,108,174)
```
#5e64b7
```
#5e64b7 rgb(94,100,183)
```
#555cc0
```
#555cc0 rgb(85,92,192)
```
#4c54c9
```
#4c54c9 rgb(76,84,201)
```
#434dd2
```
#434dd2 rgb(67,77,210)
```
#3a45db
```
#3a45db rgb(58,69,219)
```
#313de4
```
#313de4 rgb(49,61,228)
```
#2836ed
```
#2836ed rgb(40,54,237)
```
#1f2ef6
```
#1f2ef6 rgb(31,46,246)
```
#1626ff
```
#1626ff rgb(22,38,255)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#4e506e Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a2 Deuteranopia 1% of men
#006c72 Tritanopia 0.001% of the population

Trichromacy

#1556c6 Protanomaly 1% of men, 0.01% of women
#1559b6 Deuteranomaly 6% of men, 0.4% of women
#155e98 Tritanomaly 0.01% of the population

#3a45db hex color

#3a45db Color Information

#3a45db Color Conversion

Color Schemes with #3a45db

Alternatives to #3a45db

#3a45db Preview

Shades and Tints of #3a45db

Tones of #3a45db

Color Blindness Simulator