#3458c6 hex color

In a RGB color space, hex #3458c6 is composed of 20.4% red, 34.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 55.6% magenta, 0% yellow and 22.4% black. It has a hue angle of 225.2 degrees, a saturation of 58.4% and a lightness of 49%. #3458c6 color hex could be obtained by blending #68b0ff with #00008d. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 20
- G 35
- B 78
RGB color chart
- C 74
- M 56
- Y 0
- K 22
CMYK color chart

● #3458c6 color description : Moderate blue.

The hexadecimal color #3458c6 has RGB values of R:52, G:88, B:198 and CMYK values of C:0.74, M:0.56, Y:0, K:0.22. Its decimal value is 3430598.

Hex triplet	3458c6	`#3458c6`
RGB Decimal	52, 88, 198	`rgb(52,88,198)`
RGB Percent	20.4, 34.5, 77.6	`rgb(20.4%,34.5%,77.6%)`
CMYK	74, 56, 0, 22
HSL	225.2°, 58.4, 49	`hsl(225.2,58.4%,49%)`
HSV (or HSB)	225.2°, 73.7, 77.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.873, 25.637, -61.129
XYZ	15.097, 11.786, 54.902
xyY	0.185, 0.144, 11.786
CIE-LCH	40.873, 66.287, 292.753
CIE-LUV	40.873, -15.14, -90.796
Hunter-Lab	34.33, 18.418, -70.787
Binary	00110100, 01011000, 11000110

#3458c6
```
#3458c6 rgb(52,88,198)
```
#c6a234
```
#c6a234 rgb(198,162,52)
```

Complementary Color

#34a1c6
```
#34a1c6 rgb(52,161,198)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#5934c6
```
#5934c6 rgb(89,52,198)
```

Analogous Color

#a1c634
```
#a1c634 rgb(161,198,52)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#c65934
```
#c65934 rgb(198,89,52)
```

Split Complementary Color

#58c634
```
#58c634 rgb(88,198,52)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#c63458
```
#c63458 rgb(198,52,88)
```

Triadic Color

#34c6a2
```
#34c6a2 rgb(52,198,162)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#c63458
```
#c63458 rgb(198,52,88)
```
#c6a234
```
#c6a234 rgb(198,162,52)
```

Tetradic Color

#243d89
```
#243d89 rgb(36,61,137)
```
#29469e
```
#29469e rgb(41,70,158)
```
#2f4fb2
```
#2f4fb2 rgb(47,79,178)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#4567ce
```
#4567ce rgb(69,103,206)
```
#5978d4
```
#5978d4 rgb(89,120,212)
```
#6e88d9
```
#6e88d9 rgb(110,136,217)
```

Monochromatic Color

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

#347dc6
```
#347dc6 rgb(52,125,198)
```
#3470c6
```
#3470c6 rgb(52,112,198)
```
#3464c6
```
#3464c6 rgb(52,100,198)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#344cc6
```
#344cc6 rgb(52,76,198)
```
#3440c6
```
#3440c6 rgb(52,64,198)
```
#3534c6
```
#3534c6 rgb(53,52,198)
```

Similar Colors

Text with hexadecimal color #3458c6

This text has a font color of #3458c6.

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

#3458c6 background color

This paragraph has a background color of #3458c6.

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

#3458c6 border color

This element has a border color of #3458c6.

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

CSS codes

.text {color:#3458c6;}

.background {background-color:#3458c6;}

.border {border:1px solid #3458c6;}

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, #03050c is the darkest color, while #fbfcfe is the lightest one.

#03050c
```
#03050c rgb(3,5,12)
```
#070c1b
```
#070c1b rgb(7,12,27)
```
#0b132b
```
#0b132b rgb(11,19,43)
```
#0f1a3a
```
#0f1a3a rgb(15,26,58)
```
#13214a
```
#13214a rgb(19,33,74)
```
#172859
```
#172859 rgb(23,40,89)
```
#1c2f69
```
#1c2f69 rgb(28,47,105)
```
#203578
```
#203578 rgb(32,53,120)
```
#243c88
```
#243c88 rgb(36,60,136)
```
#284397
```
#284397 rgb(40,67,151)
```
#2c4aa7
```
#2c4aa7 rgb(44,74,167)
```
#3051b6
```
#3051b6 rgb(48,81,182)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```

Shade Color Variation

#4163cd
```
#4163cd rgb(65,99,205)
```
#5070d1
```
#5070d1 rgb(80,112,209)
```
#607dd5
```
#607dd5 rgb(96,125,213)
```
#6f89d9
```
#6f89d9 rgb(111,137,217)
```
#7f96dd
```
#7f96dd rgb(127,150,221)
```
#8ea3e1
```
#8ea3e1 rgb(142,163,225)
```
#9eafe5
```
#9eafe5 rgb(158,175,229)
```
#adbcea
```
#adbcea rgb(173,188,234)
```
#bdc9ee
```
#bdc9ee rgb(189,201,238)
```
#ccd6f2
```
#ccd6f2 rgb(204,214,242)
```
#dce2f6
```
#dce2f6 rgb(220,226,246)
```
#eceffa
```
#eceffa rgb(236,239,250)
```
#fbfcfe
```
#fbfcfe rgb(251,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #777a83 is the less saturated color, while #0440f6 is the most saturated one.

#777a83
```
#777a83 rgb(119,122,131)
```
#6e758c
```
#6e758c rgb(110,117,140)
```
#647096
```
#647096 rgb(100,112,150)
```
#5a6ba0
```
#5a6ba0 rgb(90,107,160)
```
#5167a9
```
#5167a9 rgb(81,103,169)
```
#4762b3
```
#4762b3 rgb(71,98,179)
```
#3e5dbc
```
#3e5dbc rgb(62,93,188)
```
#3458c6
```
#3458c6 rgb(52,88,198)
```
#2a53d0
```
#2a53d0 rgb(42,83,208)
```
#214ed9
```
#214ed9 rgb(33,78,217)
```
#1749e3
```
#1749e3 rgb(23,73,227)
```
#0e45ec
```
#0e45ec rgb(14,69,236)
```
#0440f6
```
#0440f6 rgb(4,64,246)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#525a70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0065c6 Protanopia 1% of men
#006aae Deuteranopia 1% of men
#007279 Tritanopia 0.001% of the population

Trichromacy

#1260c6 Protanomaly 1% of men, 0.01% of women
#1264b6 Deuteranomaly 6% of men, 0.4% of women
#126995 Tritanomaly 0.01% of the population

#3458c6 hex color

#3458c6 Color Information

#3458c6 Color Conversion

Color Schemes with #3458c6

Alternatives to #3458c6

#3458c6 Preview

Shades and Tints of #3458c6

Tones of #3458c6

Color Blindness Simulator