#3a66eb hex color

In a RGB color space, hex #3a66eb is composed of 22.7% red, 40% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 56.6% magenta, 0% yellow and 7.8% black. It has a hue angle of 225.1 degrees, a saturation of 81.6% and a lightness of 57.5%. #3a66eb color hex could be obtained by blending #74ccff with #0000d7. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 23
- G 40
- B 92
RGB color chart
- C 75
- M 57
- Y 0
- K 8
CMYK color chart

● #3a66eb color description : Bright blue.

The hexadecimal color #3a66eb has RGB values of R:58, G:102, B:235 and CMYK values of C:0.75, M:0.57, Y:0, K:0.08. Its decimal value is 3827435.

Hex triplet	3a66eb	`#3a66eb`
RGB Decimal	58, 102, 235	`rgb(58,102,235)`
RGB Percent	22.7, 40, 92.2	`rgb(22.7%,40%,92.2%)`
CMYK	75, 57, 0, 8
HSL	225.1°, 81.6, 57.5	`hsl(225.1,81.6%,57.5%)`
HSV (or HSB)	225.1°, 75.3, 92.2
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.494, 30.918, -71.468
XYZ	21.489, 16.399, 80.626
xyY	0.181, 0.138, 16.399
CIE-LCH	47.494, 77.869, 293.394
CIE-LUV	47.494, -17.959, -110.254
Hunter-Lab	40.496, 23.852, -89.698
Binary	00111010, 01100110, 11101011

#3a66eb
```
#3a66eb rgb(58,102,235)
```
#ebbf3a
```
#ebbf3a rgb(235,191,58)
```

Complementary Color

#3abfeb
```
#3abfeb rgb(58,191,235)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#673aeb
```
#673aeb rgb(103,58,235)
```

Analogous Color

#bfeb3a
```
#bfeb3a rgb(191,235,58)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#eb673a
```
#eb673a rgb(235,103,58)
```

Split Complementary Color

#66eb3a
```
#66eb3a rgb(102,235,58)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#eb3a66
```
#eb3a66 rgb(235,58,102)
```

Triadic Color

#3aebbf
```
#3aebbf rgb(58,235,191)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#eb3a66
```
#eb3a66 rgb(235,58,102)
```
#ebbf3a
```
#ebbf3a rgb(235,191,58)
```

Tetradic Color

#1440c5
```
#1440c5 rgb(20,64,197)
```
#1647dc
```
#1647dc rgb(22,71,220)
```
#2354e9
```
#2354e9 rgb(35,84,233)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#5178ed
```
#5178ed rgb(81,120,237)
```
#688af0
```
#688af0 rgb(104,138,240)
```
#7f9cf2
```
#7f9cf2 rgb(127,156,242)
```

Monochromatic Color

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

#3a92eb
```
#3a92eb rgb(58,146,235)
```
#3a84eb
```
#3a84eb rgb(58,132,235)
```
#3a75eb
```
#3a75eb rgb(58,117,235)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#3a57eb
```
#3a57eb rgb(58,87,235)
```
#3a49eb
```
#3a49eb rgb(58,73,235)
```
#3a3aeb
```
#3a3aeb rgb(58,58,235)
```

Similar Colors

Text with hexadecimal color #3a66eb

This text has a font color of #3a66eb.

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

#3a66eb background color

This paragraph has a background color of #3a66eb.

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

#3a66eb border color

This element has a border color of #3a66eb.

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

CSS codes

.text {color:#3a66eb;}

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

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

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

#020511
```
#020511 rgb(2,5,17)
```
#040b22
```
#040b22 rgb(4,11,34)
```
#051134
```
#051134 rgb(5,17,52)
```
#071746
```
#071746 rgb(7,23,70)
```
#091d58
```
#091d58 rgb(9,29,88)
```
#0b226a
```
#0b226a rgb(11,34,106)
```
#0d287c
```
#0d287c rgb(13,40,124)
```
#0e2e8d
```
#0e2e8d rgb(14,46,141)
```
#10349f
```
#10349f rgb(16,52,159)
```
#1239b1
```
#1239b1 rgb(18,57,177)
```
#143fc3
```
#143fc3 rgb(20,63,195)
```
#1645d5
```
#1645d5 rgb(22,69,213)
```
#174be6
```
#174be6 rgb(23,75,230)
```

Shade Color Variation

#2858e9
```
#2858e9 rgb(40,88,233)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#4c74ed
```
#4c74ed rgb(76,116,237)
```
#5e82ef
```
#5e82ef rgb(94,130,239)
```
#6f8ff0
```
#6f8ff0 rgb(111,143,240)
```
#819df2
```
#819df2 rgb(129,157,242)
```
#93abf4
```
#93abf4 rgb(147,171,244)
```
#a5b9f6
```
#a5b9f6 rgb(165,185,246)
```
#b7c7f8
```
#b7c7f8 rgb(183,199,248)
```
#c8d5f9
```
#c8d5f9 rgb(200,213,249)
```
#dae2fb
```
#dae2fb rgb(218,226,251)
```
#ecf0fd
```
#ecf0fd rgb(236,240,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#8d9098
```
#8d9098 rgb(141,144,152)
```
#858ca0
```
#858ca0 rgb(133,140,160)
```
#7d88a8
```
#7d88a8 rgb(125,136,168)
```
#7483b1
```
#7483b1 rgb(116,131,177)
```
#6c7fb9
```
#6c7fb9 rgb(108,127,185)
```
#647bc1
```
#647bc1 rgb(100,123,193)
```
#5b77ca
```
#5b77ca rgb(91,119,202)
```
#5373d2
```
#5373d2 rgb(83,115,210)
```
#4b6eda
```
#4b6eda rgb(75,110,218)
```
#426ae3
```
#426ae3 rgb(66,106,227)
```
#3a66eb
```
#3a66eb rgb(58,102,235)
```
#3262f3
```
#3262f3 rgb(50,98,243)
```
#295efc
```
#295efc rgb(41,94,252)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5f6882 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0074e4 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#156fe6 Protanomaly 1% of men, 0.01% of women
#1573d4 Deuteranomaly 6% of men, 0.4% of women
#1579ae Tritanomaly 0.01% of the population

#3a66eb hex color

#3a66eb Color Information

#3a66eb Color Conversion

Color Schemes with #3a66eb

Alternatives to #3a66eb

#3a66eb Preview

Shades and Tints of #3a66eb

Tones of #3a66eb

Color Blindness Simulator