colorhexa.com

#343066 hex color

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

- R 20
- G 19
- B 40
RGB color chart
- C 49
- M 53
- Y 0
- K 60
CMYK color chart

● #343066 color description : Very dark desaturated blue.

The hexadecimal color #343066 has RGB values of R:52, G:48, B:102 and CMYK values of C:0.49, M:0.53, Y:0, K:0.6. Its decimal value is 3420262.

Hex triplet	343066	`#343066`
RGB Decimal	52, 48, 102	`rgb(52,48,102)`
RGB Percent	20.4, 18.8, 40	`rgb(20.4%,18.8%,40%)`
CMYK	49, 53, 0, 60
HSL	244.4°, 36, 29.4	`hsl(244.4,36%,29.4%)`
HSV (or HSB)	244.4°, 52.9, 40
Web Safe	333366	`#333366`

CIE-LAB	23.01, 17.576, -31.343
XYZ	4.871, 3.803, 13.047
xyY	0.224, 0.175, 3.803
CIE-LCH	23.01, 35.934, 299.282
CIE-LUV	23.01, -1.509, -38.779
Hunter-Lab	19.502, 10.456, -26.015
Binary	00110100, 00110000, 01100110

#343066
```
#343066 rgb(52,48,102)
```
#626630
```
#626630 rgb(98,102,48)
```

Complementary Color

#304766
```
#304766 rgb(48,71,102)
```
#343066
```
#343066 rgb(52,48,102)
```
#4f3066
```
#4f3066 rgb(79,48,102)
```

Analogous Color

#476630
```
#476630 rgb(71,102,48)
```
#343066
```
#343066 rgb(52,48,102)
```
#664f30
```
#664f30 rgb(102,79,48)
```

Split Complementary Color

#306634
```
#306634 rgb(48,102,52)
```
#343066
```
#343066 rgb(52,48,102)
```
#663430
```
#663430 rgb(102,52,48)
```

Triadic Color

#191832
```
#191832 rgb(25,24,50)
```
#222043
```
#222043 rgb(34,32,67)
```
#2b2855
```
#2b2855 rgb(43,40,85)
```
#343066
```
#343066 rgb(52,48,102)
```
#3d3877
```
#3d3877 rgb(61,56,119)
```
#464089
```
#464089 rgb(70,64,137)
```
#4f489a
```
#4f489a rgb(79,72,154)
```

Monochromatic Color

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

#303966
```
#303966 rgb(48,57,102)
```
#303566
```
#303566 rgb(48,53,102)
```
#303166
```
#303166 rgb(48,49,102)
```
#343066
```
#343066 rgb(52,48,102)
```
#393066
```
#393066 rgb(57,48,102)
```
#3d3066
```
#3d3066 rgb(61,48,102)
```
#423066
```
#423066 rgb(66,48,102)
```

Similar Colors

Text with hexadecimal color #343066

This text has a font color of #343066.

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

#343066 background color

This paragraph has a background color of #343066.

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

#343066 border color

This element has a border color of #343066.

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

CSS codes

.text {color:#343066;}

.background {background-color:#343066;}

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

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

#040409
```
#040409 rgb(4,4,9)
```
#0b0a16
```
#0b0a16 rgb(11,10,22)
```
#121123
```
#121123 rgb(18,17,35)
```
#191731
```
#191731 rgb(25,23,49)
```
#201d3e
```
#201d3e rgb(32,29,62)
```
#26234b
```
#26234b rgb(38,35,75)
```
#2d2a59
```
#2d2a59 rgb(45,42,89)
```
#343066
```
#343066 rgb(52,48,102)
```
#3b3673
```
#3b3673 rgb(59,54,115)
```
#423d81
```
#423d81 rgb(66,61,129)
```
#48438e
```
#48438e rgb(72,67,142)
```
#4f499b
```
#4f499b rgb(79,73,155)
```
#564fa9
```
#564fa9 rgb(86,79,169)
```

Shade Color Variation

#615ab1
```
#615ab1 rgb(97,90,177)
```
#6e68b8
```
#6e68b8 rgb(110,104,184)
```
#7a75be
```
#7a75be rgb(122,117,190)
```
#8782c4
```
#8782c4 rgb(135,130,196)
```
#9490cb
```
#9490cb rgb(148,144,203)
```
#a19dd1
```
#a19dd1 rgb(161,157,209)
```
#aeaad7
```
#aeaad7 rgb(174,170,215)
```
#bab8dd
```
#bab8dd rgb(186,184,221)
```
#c7c5e4
```
#c7c5e4 rgb(199,197,228)
```
#d4d2ea
```
#d4d2ea rgb(212,210,234)
```
#e1e0f0
```
#e1e0f0 rgb(225,224,240)
```
#eeedf7
```
#eeedf7 rgb(238,237,247)
```
#fafafd
```
#fafafd rgb(250,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 #0d0294 is the most saturated one.

#48474f
```
#48474f rgb(72,71,79)
```
#434155
```
#434155 rgb(67,65,85)
```
#3e3c5a
```
#3e3c5a rgb(62,60,90)
```
#393660
```
#393660 rgb(57,54,96)
```
#343066
```
#343066 rgb(52,48,102)
```
#2f2a6c
```
#2f2a6c rgb(47,42,108)
```
#2a2472
```
#2a2472 rgb(42,36,114)
```
#251f77
```
#251f77 rgb(37,31,119)
```
#20197d
```
#20197d rgb(32,25,125)
```
#1b1383
```
#1b1383 rgb(27,19,131)
```
#170d89
```
#170d89 rgb(23,13,137)
```
#12088e
```
#12088e rgb(18,8,142)
```
#0d0294
```
#0d0294 rgb(13,2,148)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#363640 Atypical Achromatopsia 0.001% of the population

Dichromacy

#243f72 Protanopia 1% of men
#1c426b Deuteranopia 1% of men
#314449 Tritanopia 0.001% of the population

Trichromacy

#29396d Protanomaly 1% of men, 0.01% of women
#243b69 Deuteranomaly 6% of men, 0.4% of women
#323c53 Tritanomaly 0.01% of the population