#3668d0 hex color

In a RGB color space, hex #3668d0 is composed of 21.2% red, 40.8% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 74% cyan, 50% magenta, 0% yellow and 18.4% black. It has a hue angle of 220.5 degrees, a saturation of 62.1% and a lightness of 51.4%. #3668d0 color hex could be obtained by blending #6cd0ff with #0000a1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 21
- G 41
- B 82
RGB color chart
- C 74
- M 50
- Y 0
- K 18
CMYK color chart

● #3668d0 color description : Moderate blue.

The hexadecimal color #3668d0 has RGB values of R:54, G:104, B:208 and CMYK values of C:0.74, M:0.5, Y:0, K:0.18. Its decimal value is 3565776.

Hex triplet	3668d0	`#3668d0`
RGB Decimal	54, 104, 208	`rgb(54,104,208)`
RGB Percent	21.2, 40.8, 81.6	`rgb(21.2%,40.8%,81.6%)`
CMYK	74, 50, 0, 18
HSL	220.5°, 62.1, 51.4	`hsl(220.5,62.1%,51.4%)`
HSV (or HSB)	220.5°, 74, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.958, 19.295, -58.653
XYZ	17.854, 15.238, 61.671
xyY	0.188, 0.161, 15.238
CIE-LCH	45.958, 61.745, 288.209
CIE-LUV	45.958, -19.301, -89.898
Hunter-Lab	39.035, 13.332, -66.346
Binary	00110110, 01101000, 11010000

#3668d0
```
#3668d0 rgb(54,104,208)
```
#d09e36
```
#d09e36 rgb(208,158,54)
```

Complementary Color

#36b5d0
```
#36b5d0 rgb(54,181,208)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#5136d0
```
#5136d0 rgb(81,54,208)
```

Analogous Color

#b5d036
```
#b5d036 rgb(181,208,54)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#d05136
```
#d05136 rgb(208,81,54)
```

Split Complementary Color

#68d036
```
#68d036 rgb(104,208,54)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#d03668
```
#d03668 rgb(208,54,104)
```

Triadic Color

#36d09e
```
#36d09e rgb(54,208,158)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#d03668
```
#d03668 rgb(208,54,104)
```
#d09e36
```
#d09e36 rgb(208,158,54)
```

Tetradic Color

#234996
```
#234996 rgb(35,73,150)
```
#2853ab
```
#2853ab rgb(40,83,171)
```
#2d5dc0
```
#2d5dc0 rgb(45,93,192)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#4b78d5
```
#4b78d5 rgb(75,120,213)
```
#5f87da
```
#5f87da rgb(95,135,218)
```
#7497de
```
#7497de rgb(116,151,222)
```

Monochromatic Color

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

#368fd0
```
#368fd0 rgb(54,143,208)
```
#3682d0
```
#3682d0 rgb(54,130,208)
```
#3675d0
```
#3675d0 rgb(54,117,208)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#365bd0
```
#365bd0 rgb(54,91,208)
```
#364ed0
```
#364ed0 rgb(54,78,208)
```
#3642d0
```
#3642d0 rgb(54,66,208)
```

Similar Colors

Text with hexadecimal color #3668d0

This text has a font color of #3668d0.

<span style="color:#3668d0;">Text here</span>

#3668d0 background color

This paragraph has a background color of #3668d0.

<p style="background-color:#3668d0;">Content here</p>

#3668d0 border color

This element has a border color of #3668d0.

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

CSS codes

.text {color:#3668d0;}

.background {background-color:#3668d0;}

.border {border:1px solid #3668d0;}

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

#010306
```
#010306 rgb(1,3,6)
```
#050a16
```
#050a16 rgb(5,10,22)
```
#091225
```
#091225 rgb(9,18,37)
```
#0c1a35
```
#0c1a35 rgb(12,26,53)
```
#102145
```
#102145 rgb(16,33,69)
```
#142955
```
#142955 rgb(20,41,85)
```
#183165
```
#183165 rgb(24,49,101)
```
#1b3875
```
#1b3875 rgb(27,56,117)
```
#1f4085
```
#1f4085 rgb(31,64,133)
```
#234895
```
#234895 rgb(35,72,149)
```
#274fa5
```
#274fa5 rgb(39,79,165)
```
#2a57b5
```
#2a57b5 rgb(42,87,181)
```
#2e5fc4
```
#2e5fc4 rgb(46,95,196)
```

Shade Color Variation

#3668d0
```
#3668d0 rgb(54,104,208)
```
#4674d4
```
#4674d4 rgb(70,116,212)
```
#5680d7
```
#5680d7 rgb(86,128,215)
```
#668cdb
```
#668cdb rgb(102,140,219)
```
#7698df
```
#7698df rgb(118,152,223)
```
#85a4e3
```
#85a4e3 rgb(133,164,227)
```
#95b0e6
```
#95b0e6 rgb(149,176,230)
```
#a5bcea
```
#a5bcea rgb(165,188,234)
```
#b5c8ee
```
#b5c8ee rgb(181,200,238)
```
#c5d3f1
```
#c5d3f1 rgb(197,211,241)
```
#d5dff5
```
#d5dff5 rgb(213,223,245)
```
#e5ebf9
```
#e5ebf9 rgb(229,235,249)
```
#f5f7fd
```
#f5f7fd rgb(245,247,253)
```

Tint Color Variation

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

#828384
```
#828384 rgb(130,131,132)
```
#797f8d
```
#797f8d rgb(121,127,141)
```
#6f7c97
```
#6f7c97 rgb(111,124,151)
```
#6679a0
```
#6679a0 rgb(102,121,160)
```
#5c75aa
```
#5c75aa rgb(92,117,170)
```
#5372b3
```
#5372b3 rgb(83,114,179)
```
#496fbd
```
#496fbd rgb(73,111,189)
```
#406bc6
```
#406bc6 rgb(64,107,198)
```
#3668d0
```
#3668d0 rgb(54,104,208)
```
#2c65da
```
#2c65da rgb(44,101,218)
```
#2361e3
```
#2361e3 rgb(35,97,227)
```
#195eed
```
#195eed rgb(25,94,237)
```
#105bf6
```
#105bf6 rgb(16,91,246)
```

Tone Color Variation

Below, you can see how #3668d0 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

#656565 Achromatopsia 0.005% of the population
#5c667a Atypical Achromatopsia 0.001% of the population

Dichromacy

#3271d3 Protanopia 1% of men
#0076c3 Deuteranopia 1% of men
#007f88 Tritanopia 0.001% of the population

Trichromacy

#346dd2 Protanomaly 1% of men, 0.01% of women
#1371c8 Deuteranomaly 6% of men, 0.4% of women
#1377a2 Tritanomaly 0.01% of the population

#3668d0 hex color

#3668d0 Color Information

#3668d0 Color Conversion

Color Schemes with #3668d0

Alternatives to #3668d0

#3668d0 Preview

Shades and Tints of #3668d0

Tones of #3668d0

Color Blindness Simulator