#3661ed hex color

In a RGB color space, hex #3661ed is composed of 21.2% red, 38% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 59.1% magenta, 0% yellow and 7.1% black. It has a hue angle of 225.9 degrees, a saturation of 83.6% and a lightness of 57.1%. #3661ed color hex could be obtained by blending #6cc2ff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 38
- B 93
RGB color chart
- C 77
- M 59
- Y 0
- K 7
CMYK color chart

● #3661ed color description : Bright blue.

The hexadecimal color #3661ed has RGB values of R:54, G:97, B:237 and CMYK values of C:0.77, M:0.59, Y:0, K:0.07. Its decimal value is 3564013.

Hex triplet	3661ed	`#3661ed`
RGB Decimal	54, 97, 237	`rgb(54,97,237)`
RGB Percent	21.2, 38, 92.9	`rgb(21.2%,38%,92.9%)`
CMYK	77, 59, 0, 7
HSL	225.9°, 83.6, 57.1	`hsl(225.9,83.6%,57.1%)`
HSV (or HSB)	225.9°, 77.2, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.24, 34.374, -74.642
XYZ	21.079, 15.447, 81.987
xyY	0.178, 0.13, 15.447
CIE-LCH	46.24, 82.177, 294.727
CIE-LUV	46.24, -17.301, -113.969
Hunter-Lab	39.302, 26.956, -96.171
Binary	00110110, 01100001, 11101101

#3661ed
```
#3661ed rgb(54,97,237)
```
#edc236
```
#edc236 rgb(237,194,54)
```

Complementary Color

#36bded
```
#36bded rgb(54,189,237)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#6736ed
```
#6736ed rgb(103,54,237)
```

Analogous Color

#bded36
```
#bded36 rgb(189,237,54)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#ed6736
```
#ed6736 rgb(237,103,54)
```

Split Complementary Color

#61ed36
```
#61ed36 rgb(97,237,54)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#ed3661
```
#ed3661 rgb(237,54,97)
```

Triadic Color

#36edc2
```
#36edc2 rgb(54,237,194)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#ed3661
```
#ed3661 rgb(237,54,97)
```
#edc236
```
#edc236 rgb(237,194,54)
```

Tetradic Color

#123cc5
```
#123cc5 rgb(18,60,197)
```
#1443dc
```
#1443dc rgb(20,67,220)
```
#1f4feb
```
#1f4feb rgb(31,79,235)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#4d73ef
```
#4d73ef rgb(77,115,239)
```
#6586f1
```
#6586f1 rgb(101,134,241)
```
#7c98f3
```
#7c98f3 rgb(124,152,243)
```

Monochromatic Color

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

#368fed
```
#368fed rgb(54,143,237)
```
#3680ed
```
#3680ed rgb(54,128,237)
```
#3670ed
```
#3670ed rgb(54,112,237)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#3652ed
```
#3652ed rgb(54,82,237)
```
#3643ed
```
#3643ed rgb(54,67,237)
```
#3936ed
```
#3936ed rgb(57,54,237)
```

Similar Colors

Text with hexadecimal color #3661ed

This text has a font color of #3661ed.

<span style="color:#3661ed;">Text here</span>

#3661ed background color

This paragraph has a background color of #3661ed.

<p style="background-color:#3661ed;">Content here</p>

#3661ed border color

This element has a border color of #3661ed.

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

CSS codes

.text {color:#3661ed;}

.background {background-color:#3661ed;}

.border {border:1px solid #3661ed;}

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, #01050f is the darkest color, while #fcfdff is the lightest one.

#01050f
```
#01050f rgb(1,5,15)
```
#030a21
```
#030a21 rgb(3,10,33)
```
#050f33
```
#050f33 rgb(5,15,51)
```
#061545
```
#061545 rgb(6,21,69)
```
#081a57
```
#081a57 rgb(8,26,87)
```
#092069
```
#092069 rgb(9,32,105)
```
#0b257b
```
#0b257b rgb(11,37,123)
```
#0d2b8d
```
#0d2b8d rgb(13,43,141)
```
#0e309f
```
#0e309f rgb(14,48,159)
```
#1036b1
```
#1036b1 rgb(16,54,177)
```
#113bc3
```
#113bc3 rgb(17,59,195)
```
#1341d5
```
#1341d5 rgb(19,65,213)
```
#1546e7
```
#1546e7 rgb(21,70,231)
```

Shade Color Variation

#2453eb
```
#2453eb rgb(36,83,235)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#486fef
```
#486fef rgb(72,111,239)
```
#5a7df0
```
#5a7df0 rgb(90,125,240)
```
#6c8bf2
```
#6c8bf2 rgb(108,139,242)
```
#7e9af3
```
#7e9af3 rgb(126,154,243)
```
#90a8f5
```
#90a8f5 rgb(144,168,245)
```
#a2b6f7
```
#a2b6f7 rgb(162,182,247)
```
#b4c4f8
```
#b4c4f8 rgb(180,196,248)
```
#c6d2fa
```
#c6d2fa rgb(198,210,250)
```
#d8e0fc
```
#d8e0fc rgb(216,224,252)
```
#eaeffd
```
#eaeffd rgb(234,239,253)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#8a8e99
```
#8a8e99 rgb(138,142,153)
```
#8289a1
```
#8289a1 rgb(130,137,161)
```
#7985aa
```
#7985aa rgb(121,133,170)
```
#7180b2
```
#7180b2 rgb(113,128,178)
```
#697cba
```
#697cba rgb(105,124,186)
```
#6077c3
```
#6077c3 rgb(96,119,195)
```
#5873cb
```
#5873cb rgb(88,115,203)
```
#4f6ed4
```
#4f6ed4 rgb(79,110,212)
```
#476adc
```
#476adc rgb(71,106,220)
```
#3e65e5
```
#3e65e5 rgb(62,101,229)
```
#3661ed
```
#3661ed rgb(54,97,237)
```
#2e5df5
```
#2e5df5 rgb(46,93,245)
```
#2558fe
```
#2558fe rgb(37,88,254)
```

Tone Color Variation

Below, you can see how #3661ed 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
#5b637f Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071de Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#008087 Tritanopia 0.001% of the population

Trichromacy

#136be3 Protanomaly 1% of men, 0.01% of women
#136fd1 Deuteranomaly 6% of men, 0.4% of women
#1375ac Tritanomaly 0.01% of the population

#3661ed hex color

#3661ed Color Information

#3661ed Color Conversion

Color Schemes with #3661ed

Alternatives to #3661ed

#3661ed Preview

Shades and Tints of #3661ed

Tones of #3661ed

Color Blindness Simulator