#345ded hex color

In a RGB color space, hex #345ded is composed of 20.4% red, 36.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 78.1% cyan, 60.8% magenta, 0% yellow and 7.1% black. It has a hue angle of 226.7 degrees, a saturation of 83.7% and a lightness of 56.7%. #345ded color hex could be obtained by blending #68baff with #0000db. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 20
- G 36
- B 93
RGB color chart
- C 78
- M 61
- Y 0
- K 7
CMYK color chart

● #345ded color description : Bright blue.

The hexadecimal color #345ded has RGB values of R:52, G:93, B:237 and CMYK values of C:0.78, M:0.61, Y:0, K:0.07. Its decimal value is 3431917.

Hex triplet	345ded	`#345ded`
RGB Decimal	52, 93, 237	`rgb(52,93,237)`
RGB Percent	20.4, 36.5, 92.9	`rgb(20.4%,36.5%,92.9%)`
CMYK	78, 61, 0, 7
HSL	226.7°, 83.7, 56.7	`hsl(226.7,83.7%,56.7%)`
HSV (or HSB)	226.7°, 78.1, 92.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.181, 36.693, -76.375
XYZ	20.613, 14.672, 81.862
xyY	0.176, 0.125, 14.672
CIE-LCH	45.181, 84.732, 295.661
CIE-LUV	45.181, -16.609, -115.586
Hunter-Lab	38.304, 29.03, -99.901
Binary	00110100, 01011101, 11101101

#345ded
```
#345ded rgb(52,93,237)
```
#edc434
```
#edc434 rgb(237,196,52)
```

Complementary Color

#34baed
```
#34baed rgb(52,186,237)
```
#345ded
```
#345ded rgb(52,93,237)
```
#6834ed
```
#6834ed rgb(104,52,237)
```

Analogous Color

#baed34
```
#baed34 rgb(186,237,52)
```
#345ded
```
#345ded rgb(52,93,237)
```
#ed6834
```
#ed6834 rgb(237,104,52)
```

Split Complementary Color

#5ded34
```
#5ded34 rgb(93,237,52)
```
#345ded
```
#345ded rgb(52,93,237)
```
#ed345d
```
#ed345d rgb(237,52,93)
```

Triadic Color

#34edc4
```
#34edc4 rgb(52,237,196)
```
#345ded
```
#345ded rgb(52,93,237)
```
#ed345d
```
#ed345d rgb(237,52,93)
```
#edc434
```
#edc434 rgb(237,196,52)
```

Tetradic Color

#1139c3
```
#1139c3 rgb(17,57,195)
```
#1340db
```
#1340db rgb(19,64,219)
```
#1d4aeb
```
#1d4aeb rgb(29,74,235)
```
#345ded
```
#345ded rgb(52,93,237)
```
#4b70ef
```
#4b70ef rgb(75,112,239)
```
#6382f1
```
#6382f1 rgb(99,130,241)
```
#7a95f3
```
#7a95f3 rgb(122,149,243)
```

Monochromatic Color

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

#348bed
```
#348bed rgb(52,139,237)
```
#347ced
```
#347ced rgb(52,124,237)
```
#346ced
```
#346ced rgb(52,108,237)
```
#345ded
```
#345ded rgb(52,93,237)
```
#344eed
```
#344eed rgb(52,78,237)
```
#343eed
```
#343eed rgb(52,62,237)
```
#3934ed
```
#3934ed rgb(57,52,237)
```

Similar Colors

Text with hexadecimal color #345ded

This text has a font color of #345ded.

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

#345ded background color

This paragraph has a background color of #345ded.

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

#345ded border color

This element has a border color of #345ded.

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

CSS codes

.text {color:#345ded;}

.background {background-color:#345ded;}

.border {border:1px solid #345ded;}

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, #01040d is the darkest color, while #fafbff is the lightest one.

#01040d
```
#01040d rgb(1,4,13)
```
#03091f
```
#03091f rgb(3,9,31)
```
#040e31
```
#040e31 rgb(4,14,49)
```
#061443
```
#061443 rgb(6,20,67)
```
#081955
```
#081955 rgb(8,25,85)
```
#091e67
```
#091e67 rgb(9,30,103)
```
#0b2379
```
#0b2379 rgb(11,35,121)
```
#0c288b
```
#0c288b rgb(12,40,139)
```
#0e2e9d
```
#0e2e9d rgb(14,46,157)
```
#1033af
```
#1033af rgb(16,51,175)
```
#1138c1
```
#1138c1 rgb(17,56,193)
```
#133dd3
```
#133dd3 rgb(19,61,211)
```
#1443e5
```
#1443e5 rgb(20,67,229)
```

Shade Color Variation

#224feb
```
#224feb rgb(34,79,235)
```
#345ded
```
#345ded rgb(52,93,237)
```
#466bef
```
#466bef rgb(70,107,239)
```
#587af0
```
#587af0 rgb(88,122,240)
```
#6a88f2
```
#6a88f2 rgb(106,136,242)
```
#7c97f3
```
#7c97f3 rgb(124,151,243)
```
#8ea5f5
```
#8ea5f5 rgb(142,165,245)
```
#a0b3f7
```
#a0b3f7 rgb(160,179,247)
```
#b2c2f8
```
#b2c2f8 rgb(178,194,248)
```
#c4d0fa
```
#c4d0fa rgb(196,208,250)
```
#d6defb
```
#d6defb rgb(214,222,251)
```
#e8edfd
```
#e8edfd rgb(232,237,253)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

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

#898c98
```
#898c98 rgb(137,140,152)
```
#8188a1
```
#8188a1 rgb(129,136,161)
```
#7883a9
```
#7883a9 rgb(120,131,169)
```
#707eb2
```
#707eb2 rgb(112,126,178)
```
#6779ba
```
#6779ba rgb(103,121,186)
```
#5f75c3
```
#5f75c3 rgb(95,117,195)
```
#5670cb
```
#5670cb rgb(86,112,203)
```
#4e6bd4
```
#4e6bd4 rgb(78,107,212)
```
#4566dc
```
#4566dc rgb(69,102,220)
```
#3d62e5
```
#3d62e5 rgb(61,98,229)
```
#345ded
```
#345ded rgb(52,93,237)
```
#2c58f6
```
#2c58f6 rgb(44,88,246)
```
#2354fe
```
#2354fe rgb(35,84,254)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#58607d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#007d84 Tritanopia 0.001% of the population

Trichromacy

#1268e0 Protanomaly 1% of men, 0.01% of women
#126cce Deuteranomaly 6% of men, 0.4% of women
#1271aa Tritanomaly 0.01% of the population

#345ded hex color

#345ded Color Information

#345ded Color Conversion

Color Schemes with #345ded

Alternatives to #345ded

#345ded Preview

Shades and Tints of #345ded

Tones of #345ded

Color Blindness Simulator