#363066 hex color

In a RGB color space, hex #363066 is composed of 21.2% red, 18.8% green and 40% blue. Whereas in a CMYK color space, it is composed of 47.1% cyan, 52.9% magenta, 0% yellow and 60% black. It has a hue angle of 246.7 degrees, a saturation of 36% and a lightness of 29.4%. #363066 color hex could be obtained by blending #6c60cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 21
- G 19
- B 40
RGB color chart
- C 47
- M 53
- Y 0
- K 60
CMYK color chart

● #363066 color description : Very dark desaturated blue.

The hexadecimal color #363066 has RGB values of R:54, G:48, B:102 and CMYK values of C:0.47, M:0.53, Y:0, K:0.6. Its decimal value is 3551334.

Hex triplet	363066	`#363066`
RGB Decimal	54, 48, 102	`rgb(54,48,102)`
RGB Percent	21.2, 18.8, 40	`rgb(21.2%,18.8%,40%)`
CMYK	47, 53, 0, 60
HSL	246.7°, 36, 29.4	`hsl(246.7,36%,29.4%)`
HSV (or HSB)	246.7°, 52.9, 40
Web Safe	333366	`#333366`

CIE-LAB	23.194, 18.108, -31.037
XYZ	4.976, 3.857, 13.052
xyY	0.227, 0.176, 3.857
CIE-LCH	23.194, 35.933, 300.26
CIE-LUV	23.194, -0.81, -38.582
Hunter-Lab	19.64, 10.855, -25.653
Binary	00110110, 00110000, 01100110

#363066
```
#363066 rgb(54,48,102)
```
#606630
```
#606630 rgb(96,102,48)
```

Complementary Color

#304566
```
#304566 rgb(48,69,102)
```
#363066
```
#363066 rgb(54,48,102)
```
#513066
```
#513066 rgb(81,48,102)
```

Analogous Color

#456630
```
#456630 rgb(69,102,48)
```
#363066
```
#363066 rgb(54,48,102)
```
#665130
```
#665130 rgb(102,81,48)
```

Split Complementary Color

#306636
```
#306636 rgb(48,102,54)
```
#363066
```
#363066 rgb(54,48,102)
```
#663630
```
#663630 rgb(102,54,48)
```

Triadic Color

#306066
```
#306066 rgb(48,96,102)
```
#363066
```
#363066 rgb(54,48,102)
```
#663630
```
#663630 rgb(102,54,48)
```
#606630
```
#606630 rgb(96,102,48)
```

Tetradic Color

#1a1832
```
#1a1832 rgb(26,24,50)
```
#242043
```
#242043 rgb(36,32,67)
```
#2d2855
```
#2d2855 rgb(45,40,85)
```
#363066
```
#363066 rgb(54,48,102)
```
#3f3877
```
#3f3877 rgb(63,56,119)
```
#484089
```
#484089 rgb(72,64,137)
```
#52489a
```
#52489a rgb(82,72,154)
```

Monochromatic Color

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

#303866
```
#303866 rgb(48,56,102)
```
#303366
```
#303366 rgb(48,51,102)
```
#323066
```
#323066 rgb(50,48,102)
```
#363066
```
#363066 rgb(54,48,102)
```
#3b3066
```
#3b3066 rgb(59,48,102)
```
#3f3066
```
#3f3066 rgb(63,48,102)
```
#443066
```
#443066 rgb(68,48,102)
```

Similar Colors

Text with hexadecimal color #363066

This text has a font color of #363066.

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

#363066 background color

This paragraph has a background color of #363066.

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

#363066 border color

This element has a border color of #363066.

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

CSS codes

.text {color:#363066;}

.background {background-color:#363066;}

.border {border:1px solid #363066;}

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

#050409
```
#050409 rgb(5,4,9)
```
#0c0a16
```
#0c0a16 rgb(12,10,22)
```
#131123
```
#131123 rgb(19,17,35)
```
#1a1731
```
#1a1731 rgb(26,23,49)
```
#211d3e
```
#211d3e rgb(33,29,62)
```
#28234b
```
#28234b rgb(40,35,75)
```
#2f2a59
```
#2f2a59 rgb(47,42,89)
```
#363066
```
#363066 rgb(54,48,102)
```
#3d3673
```
#3d3673 rgb(61,54,115)
```
#443d81
```
#443d81 rgb(68,61,129)
```
#4b438e
```
#4b438e rgb(75,67,142)
```
#52499b
```
#52499b rgb(82,73,155)
```
#594fa9
```
#594fa9 rgb(89,79,169)
```

Shade Color Variation

#645ab1
```
#645ab1 rgb(100,90,177)
```
#7068b8
```
#7068b8 rgb(112,104,184)
```
#7d75be
```
#7d75be rgb(125,117,190)
```
#8a82c4
```
#8a82c4 rgb(138,130,196)
```
#9690cb
```
#9690cb rgb(150,144,203)
```
#a39dd1
```
#a39dd1 rgb(163,157,209)
```
#afaad7
```
#afaad7 rgb(175,170,215)
```
#bcb8dd
```
#bcb8dd rgb(188,184,221)
```
#c8c5e4
```
#c8c5e4 rgb(200,197,228)
```
#d5d2ea
```
#d5d2ea rgb(213,210,234)
```
#e1e0f0
```
#e1e0f0 rgb(225,224,240)
```
#eeedf7
```
#eeedf7 rgb(238,237,247)
```
#fbfafd
```
#fbfafd rgb(251,250,253)
```

Tint Color Variation

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

#48474f
```
#48474f rgb(72,71,79)
```
#434155
```
#434155 rgb(67,65,85)
```
#3f3c5a
```
#3f3c5a rgb(63,60,90)
```
#3a3660
```
#3a3660 rgb(58,54,96)
```
#363066
```
#363066 rgb(54,48,102)
```
#322a6c
```
#322a6c rgb(50,42,108)
```
#2d2472
```
#2d2472 rgb(45,36,114)
```
#291f77
```
#291f77 rgb(41,31,119)
```
#24197d
```
#24197d rgb(36,25,125)
```
#201383
```
#201383 rgb(32,19,131)
```
#1b0d89
```
#1b0d89 rgb(27,13,137)
```
#17088e
```
#17088e rgb(23,8,142)
```
#120294
```
#120294 rgb(18,2,148)
```

Tone Color Variation

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

#383838 Achromatopsia 0.005% of the population
#383641 Atypical Achromatopsia 0.001% of the population

Dichromacy

#244072 Protanopia 1% of men
#1e426a Deuteranopia 1% of men
#344449 Tritanopia 0.001% of the population

Trichromacy

#2b3a6d Protanomaly 1% of men, 0.01% of women
#273b69 Deuteranomaly 6% of men, 0.4% of women
#343c53 Tritanomaly 0.01% of the population

#363066 hex color

#363066 Color Information

#363066 Color Conversion

Color Schemes with #363066

Alternatives to #363066

#363066 Preview

Shades and Tints of #363066

Tones of #363066

Color Blindness Simulator