#355ba8 hex color

In a RGB color space, hex #355ba8 is composed of 20.8% red, 35.7% green and 65.9% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 45.8% magenta, 0% yellow and 34.1% black. It has a hue angle of 220.2 degrees, a saturation of 52% and a lightness of 43.3%. #355ba8 color hex could be obtained by blending #6ab6ff with #000051. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 36
- B 66
RGB color chart
- C 68
- M 46
- Y 0
- K 34
CMYK color chart

● #355ba8 color description : Dark moderate blue.

The hexadecimal color #355ba8 has RGB values of R:53, G:91, B:168 and CMYK values of C:0.68, M:0.46, Y:0, K:0.34. Its decimal value is 3496872.

Hex triplet	355ba8	`#355ba8`
RGB Decimal	53, 91, 168	`rgb(53,91,168)`
RGB Percent	20.8, 35.7, 65.9	`rgb(20.8%,35.7%,65.9%)`
CMYK	68, 46, 0, 34
HSL	220.2°, 52, 43.3	`hsl(220.2,52%,43.3%)`
HSV (or HSB)	220.2°, 68.5, 65.9
Web Safe	336699	`#336699`

CIE-LAB	39.69, 12.694, -45.448
XYZ	12.276, 11.065, 38.533
xyY	0.198, 0.179, 11.065
CIE-LCH	39.69, 47.188, 285.605
CIE-LUV	39.69, -15.862, -66.783
Hunter-Lab	33.265, 7.658, -45.394
Binary	00110101, 01011011, 10101000

#355ba8
```
#355ba8 rgb(53,91,168)
```
#a88235
```
#a88235 rgb(168,130,53)
```

Complementary Color

#3595a8
```
#3595a8 rgb(53,149,168)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#4835a8
```
#4835a8 rgb(72,53,168)
```

Analogous Color

#95a835
```
#95a835 rgb(149,168,53)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#a84835
```
#a84835 rgb(168,72,53)
```

Split Complementary Color

#5ba835
```
#5ba835 rgb(91,168,53)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#a8355b
```
#a8355b rgb(168,53,91)
```

Triadic Color

#35a882
```
#35a882 rgb(53,168,130)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#a8355b
```
#a8355b rgb(168,53,91)
```
#a88235
```
#a88235 rgb(168,130,53)
```

Tetradic Color

#233c6e
```
#233c6e rgb(35,60,110)
```
#294681
```
#294681 rgb(41,70,129)
```
#2f5195
```
#2f5195 rgb(47,81,149)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#3b66bb
```
#3b66bb rgb(59,102,187)
```
#4a73c6
```
#4a73c6 rgb(74,115,198)
```
#5d82cc
```
#5d82cc rgb(93,130,204)
```

Monochromatic Color

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

#3578a8
```
#3578a8 rgb(53,120,168)
```
#356ea8
```
#356ea8 rgb(53,110,168)
```
#3565a8
```
#3565a8 rgb(53,101,168)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#3551a8
```
#3551a8 rgb(53,81,168)
```
#3548a8
```
#3548a8 rgb(53,72,168)
```
#353ea8
```
#353ea8 rgb(53,62,168)
```

Similar Colors

Text with hexadecimal color #355ba8

This text has a font color of #355ba8.

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

#355ba8 background color

This paragraph has a background color of #355ba8.

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

#355ba8 border color

This element has a border color of #355ba8.

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

CSS codes

.text {color:#355ba8;}

.background {background-color:#355ba8;}

.border {border:1px solid #355ba8;}

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

#010204
```
#010204 rgb(1,2,4)
```
#060a13
```
#060a13 rgb(6,10,19)
```
#0b1222
```
#0b1222 rgb(11,18,34)
```
#0f1a31
```
#0f1a31 rgb(15,26,49)
```
#142240
```
#142240 rgb(20,34,64)
```
#192b4f
```
#192b4f rgb(25,43,79)
```
#1d335d
```
#1d335d rgb(29,51,93)
```
#223b6c
```
#223b6c rgb(34,59,108)
```
#27437b
```
#27437b rgb(39,67,123)
```
#2c4b8a
```
#2c4b8a rgb(44,75,138)
```
#305399
```
#305399 rgb(48,83,153)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#3a63b7
```
#3a63b7 rgb(58,99,183)
```

Shade Color Variation

#416cc3
```
#416cc3 rgb(65,108,195)
```
#5078c8
```
#5078c8 rgb(80,120,200)
```
#5f83cd
```
#5f83cd rgb(95,131,205)
```
#6e8fd1
```
#6e8fd1 rgb(110,143,209)
```
#7d9ad6
```
#7d9ad6 rgb(125,154,214)
```
#8ca6db
```
#8ca6db rgb(140,166,219)
```
#9bb1df
```
#9bb1df rgb(155,177,223)
```
#aabde4
```
#aabde4 rgb(170,189,228)
```
#b8c8e9
```
#b8c8e9 rgb(184,200,233)
```
#c7d4ed
```
#c7d4ed rgb(199,212,237)
```
#d6dff2
```
#d6dff2 rgb(214,223,242)
```
#e5ebf7
```
#e5ebf7 rgb(229,235,247)
```
#f4f7fc
```
#f4f7fc rgb(244,247,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #686c75 is the less saturated color, while #024adb is the most saturated one.

#686c75
```
#686c75 rgb(104,108,117)
```
#60697e
```
#60697e rgb(96,105,126)
```
#576786
```
#576786 rgb(87,103,134)
```
#4f648f
```
#4f648f rgb(79,100,143)
```
#466197
```
#466197 rgb(70,97,151)
```
#3e5ea0
```
#3e5ea0 rgb(62,94,160)
```
#355ba8
```
#355ba8 rgb(53,91,168)
```
#2d58b1
```
#2d58b1 rgb(45,88,177)
```
#2455b9
```
#2455b9 rgb(36,85,185)
```
#1c52c2
```
#1c52c2 rgb(28,82,194)
```
#134fca
```
#134fca rgb(19,79,202)
```
#0b4dd3
```
#0b4dd3 rgb(11,77,211)
```
#024adb
```
#024adb rgb(2,74,219)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#515968 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3f63ac Protanopia 1% of men
#1c67aa Deuteranopia 1% of men
#006f77 Tritanopia 0.001% of the population

Trichromacy

#3b60aa Protanomaly 1% of men, 0.01% of women
#2562a9 Deuteranomaly 6% of men, 0.4% of women
#136889 Tritanomaly 0.01% of the population

#355ba8 hex color

#355ba8 Color Information

#355ba8 Color Conversion

Color Schemes with #355ba8

Alternatives to #355ba8

#355ba8 Preview

Shades and Tints of #355ba8

Tones of #355ba8

Color Blindness Simulator