#3d68e0 hex color

In a RGB color space, hex #3d68e0 is composed of 23.9% red, 40.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 72.8% cyan, 53.6% magenta, 0% yellow and 12.2% black. It has a hue angle of 224.2 degrees, a saturation of 72.4% and a lightness of 55.9%. #3d68e0 color hex could be obtained by blending #7ad0ff with #0000c1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 41
- B 88
RGB color chart
- C 73
- M 54
- Y 0
- K 12
CMYK color chart

● #3d68e0 color description : Bright blue.

The hexadecimal color #3d68e0 has RGB values of R:61, G:104, B:224 and CMYK values of C:0.73, M:0.54, Y:0, K:0.12. Its decimal value is 4024544.

Hex triplet	3d68e0	`#3d68e0`
RGB Decimal	61, 104, 224	`rgb(61,104,224)`
RGB Percent	23.9, 40.8, 87.8	`rgb(23.9%,40.8%,87.8%)`
CMYK	73, 54, 0, 12
HSL	224.2°, 72.4, 55.9	`hsl(224.2,72.4%,55.9%)`
HSV (or HSB)	224.2°, 72.8, 87.8
Web Safe	3366cc	`#3366cc`

CIE-LAB	47.331, 26.027, -65.523
XYZ	20.326, 16.273, 72.587
xyY	0.186, 0.149, 16.273
CIE-LCH	47.331, 70.503, 291.664
CIE-LUV	47.331, -17.979, -101.276
Hunter-Lab	40.34, 19.347, -78.447
Binary	00111101, 01101000, 11100000

#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#e0b53d
```
#e0b53d rgb(224,181,61)
```

Complementary Color

#3dbae0
```
#3dbae0 rgb(61,186,224)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#633de0
```
#633de0 rgb(99,61,224)
```

Analogous Color

#bae03d
```
#bae03d rgb(186,224,61)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#e0633d
```
#e0633d rgb(224,99,61)
```

Split Complementary Color

#68e03d
```
#68e03d rgb(104,224,61)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#e03d68
```
#e03d68 rgb(224,61,104)
```

Triadic Color

#3de0b5
```
#3de0b5 rgb(61,224,181)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#e03d68
```
#e03d68 rgb(224,61,104)
```
#e0b53d
```
#e0b53d rgb(224,181,61)
```

Tetradic Color

#1d45b4
```
#1d45b4 rgb(29,69,180)
```
#204dca
```
#204dca rgb(32,77,202)
```
#2757dc
```
#2757dc rgb(39,87,220)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#5379e4
```
#5379e4 rgb(83,121,228)
```
#698ae7
```
#698ae7 rgb(105,138,231)
```
#7f9beb
```
#7f9beb rgb(127,155,235)
```

Monochromatic Color

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

#3d91e0
```
#3d91e0 rgb(61,145,224)
```
#3d83e0
```
#3d83e0 rgb(61,131,224)
```
#3d76e0
```
#3d76e0 rgb(61,118,224)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#3d5ae0
```
#3d5ae0 rgb(61,90,224)
```
#3d4de0
```
#3d4de0 rgb(61,77,224)
```
#3d3fe0
```
#3d3fe0 rgb(61,63,224)
```

Similar Colors

Text with hexadecimal color #3d68e0

This text has a font color of #3d68e0.

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

#3d68e0 background color

This paragraph has a background color of #3d68e0.

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

#3d68e0 border color

This element has a border color of #3d68e0.

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

CSS codes

.text {color:#3d68e0;}

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

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

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

#010309
```
#010309 rgb(1,3,9)
```
#040a1a
```
#040a1a rgb(4,10,26)
```
#07102b
```
#07102b rgb(7,16,43)
```
#0a173c
```
#0a173c rgb(10,23,60)
```
#0c1d4d
```
#0c1d4d rgb(12,29,77)
```
#0f245e
```
#0f245e rgb(15,36,94)
```
#122a6e
```
#122a6e rgb(18,42,110)
```
#14317f
```
#14317f rgb(20,49,127)
```
#173790
```
#173790 rgb(23,55,144)
```
#1a3da1
```
#1a3da1 rgb(26,61,161)
```
#1c44b2
```
#1c44b2 rgb(28,68,178)
```
#1f4ac3
```
#1f4ac3 rgb(31,74,195)
```
#2251d4
```
#2251d4 rgb(34,81,212)
```

Shade Color Variation

#2c5bdd
```
#2c5bdd rgb(44,91,221)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#4e75e3
```
#4e75e3 rgb(78,117,227)
```
#5f82e5
```
#5f82e5 rgb(95,130,229)
```
#708fe8
```
#708fe8 rgb(112,143,232)
```
#819deb
```
#819deb rgb(129,157,235)
```
#92aaee
```
#92aaee rgb(146,170,238)
```
#a2b7f0
```
#a2b7f0 rgb(162,183,240)
```
#b3c4f3
```
#b3c4f3 rgb(179,196,243)
```
#c4d1f6
```
#c4d1f6 rgb(196,209,246)
```
#d5def8
```
#d5def8 rgb(213,222,248)
```
#e6ecfb
```
#e6ecfb rgb(230,236,251)
```
#f7f9fe
```
#f7f9fe rgb(247,249,254)
```

Tint Color Variation

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

#8b8d92
```
#8b8d92 rgb(139,141,146)
```
#82899b
```
#82899b rgb(130,137,155)
```
#7a85a3
```
#7a85a3 rgb(122,133,163)
```
#7181ac
```
#7181ac rgb(113,129,172)
```
#687cb5
```
#687cb5 rgb(104,124,181)
```
#6078bd
```
#6078bd rgb(96,120,189)
```
#5774c6
```
#5774c6 rgb(87,116,198)
```
#4e70cf
```
#4e70cf rgb(78,112,207)
```
#466cd7
```
#466cd7 rgb(70,108,215)
```
#3d68e0
```
#3d68e0 rgb(61,104,224)
```
#3464e9
```
#3464e9 rgb(52,100,233)
```
#2c60f1
```
#2c60f1 rgb(44,96,241)
```
#235cfa
```
#235cfa rgb(35,92,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#606981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e3 Protanopia 1% of men
#007ac7 Deuteranopia 1% of men
#00838b Tritanopia 0.001% of the population

Trichromacy

#166fe2 Protanomaly 1% of men, 0.01% of women
#1673d0 Deuteranomaly 6% of men, 0.4% of women
#1679aa Tritanomaly 0.01% of the population

#3d68e0 hex color

#3d68e0 Color Information

#3d68e0 Color Conversion

Color Schemes with #3d68e0

Alternatives to #3d68e0

#3d68e0 Preview

Shades and Tints of #3d68e0

Tones of #3d68e0

Color Blindness Simulator