#354cbf hex color

In a RGB color space, hex #354cbf is composed of 20.8% red, 29.8% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 72.3% cyan, 60.2% magenta, 0% yellow and 25.1% black. It has a hue angle of 230 degrees, a saturation of 56.6% and a lightness of 47.8%. #354cbf color hex could be obtained by blending #6a98ff with #00007f. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 21
- G 30
- B 75
RGB color chart
- C 72
- M 60
- Y 0
- K 25
CMYK color chart

● #354cbf color description : Moderate blue.

The hexadecimal color #354cbf has RGB values of R:53, G:76, B:191 and CMYK values of C:0.72, M:0.6, Y:0, K:0.25. Its decimal value is 3493055.

Hex triplet	354cbf	`#354cbf`
RGB Decimal	53, 76, 191	`rgb(53,76,191)`
RGB Percent	20.8, 29.8, 74.9	`rgb(20.8%,29.8%,74.9%)`
CMYK	72, 60, 0, 25
HSL	230°, 56.6, 47.8	`hsl(230,56.6%,47.8%)`
HSV (or HSB)	230°, 72.3, 74.9
Web Safe	3333cc	`#3333cc`

CIE-LAB	37.274, 30.956, -62.908
XYZ	13.455, 9.687, 50.448
xyY	0.183, 0.132, 9.687
CIE-LCH	37.274, 70.112, 296.201
CIE-LUV	37.274, -11.768, -90.711
Hunter-Lab	31.123, 22.701, -74.318
Binary	00110101, 01001100, 10111111

#354cbf
```
#354cbf rgb(53,76,191)
```
#bfa835
```
#bfa835 rgb(191,168,53)
```

Complementary Color

#3591bf
```
#3591bf rgb(53,145,191)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#6335bf
```
#6335bf rgb(99,53,191)
```

Analogous Color

#91bf35
```
#91bf35 rgb(145,191,53)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#bf6335
```
#bf6335 rgb(191,99,53)
```

Split Complementary Color

#4cbf35
```
#4cbf35 rgb(76,191,53)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#bf354c
```
#bf354c rgb(191,53,76)
```

Triadic Color

#35bfa8
```
#35bfa8 rgb(53,191,168)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#bf354c
```
#bf354c rgb(191,53,76)
```
#bfa835
```
#bfa835 rgb(191,168,53)
```

Tetradic Color

#243483
```
#243483 rgb(36,52,131)
```
#2a3c97
```
#2a3c97 rgb(42,60,151)
```
#2f44ab
```
#2f44ab rgb(47,68,171)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#4359cb
```
#4359cb rgb(67,89,203)
```
#576bd0
```
#576bd0 rgb(87,107,208)
```
#6b7dd6
```
#6b7dd6 rgb(107,125,214)
```

Monochromatic Color

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

#356fbf
```
#356fbf rgb(53,111,191)
```
#3563bf
```
#3563bf rgb(53,99,191)
```
#3558bf
```
#3558bf rgb(53,88,191)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#3541bf
```
#3541bf rgb(53,65,191)
```
#3535bf
```
#3535bf rgb(53,53,191)
```
#4035bf
```
#4035bf rgb(64,53,191)
```

Similar Colors

Text with hexadecimal color #354cbf

This text has a font color of #354cbf.

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

#354cbf background color

This paragraph has a background color of #354cbf.

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

#354cbf border color

This element has a border color of #354cbf.

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

CSS codes

.text {color:#354cbf;}

.background {background-color:#354cbf;}

.border {border:1px solid #354cbf;}

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

#020307
```
#020307 rgb(2,3,7)
```
#060916
```
#060916 rgb(6,9,22)
```
#0a0f25
```
#0a0f25 rgb(10,15,37)
```
#0f1535
```
#0f1535 rgb(15,21,53)
```
#131b44
```
#131b44 rgb(19,27,68)
```
#172154
```
#172154 rgb(23,33,84)
```
#1b2763
```
#1b2763 rgb(27,39,99)
```
#202d72
```
#202d72 rgb(32,45,114)
```
#243482
```
#243482 rgb(36,52,130)
```
#283a91
```
#283a91 rgb(40,58,145)
```
#2c40a0
```
#2c40a0 rgb(44,64,160)
```
#3146b0
```
#3146b0 rgb(49,70,176)
```
#354cbf
```
#354cbf rgb(53,76,191)
```

Shade Color Variation

#3e55c9
```
#3e55c9 rgb(62,85,201)
```
#4d63ce
```
#4d63ce rgb(77,99,206)
```
#5d70d2
```
#5d70d2 rgb(93,112,210)
```
#6c7ed6
```
#6c7ed6 rgb(108,126,214)
```
#7c8bdb
```
#7c8bdb rgb(124,139,219)
```
#8b99df
```
#8b99df rgb(139,153,223)
```
#9aa6e3
```
#9aa6e3 rgb(154,166,227)
```
#aab4e7
```
#aab4e7 rgb(170,180,231)
```
#b9c1ec
```
#b9c1ec rgb(185,193,236)
```
#c8cff0
```
#c8cff0 rgb(200,207,240)
```
#d8dcf4
```
#d8dcf4 rgb(216,220,244)
```
#e7eaf8
```
#e7eaf8 rgb(231,234,248)
```
#f6f7fd
```
#f6f7fd rgb(246,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #77787d is the less saturated color, while #062dee is the most saturated one.

#77787d
```
#77787d rgb(119,120,125)
```
#6d7287
```
#6d7287 rgb(109,114,135)
```
#646b90
```
#646b90 rgb(100,107,144)
```
#5b6599
```
#5b6599 rgb(91,101,153)
```
#515fa3
```
#515fa3 rgb(81,95,163)
```
#4859ac
```
#4859ac rgb(72,89,172)
```
#3e52b6
```
#3e52b6 rgb(62,82,182)
```
#354cbf
```
#354cbf rgb(53,76,191)
```
#2c46c8
```
#2c46c8 rgb(44,70,200)
```
#223fd2
```
#223fd2 rgb(34,63,210)
```
#1939db
```
#1939db rgb(25,57,219)
```
#0f33e5
```
#0f33e5 rgb(15,51,229)
```
#062dee
```
#062dee rgb(6,45,238)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#4c5168 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db6 Protanopia 1% of men
#00629f Deuteranopia 1% of men
#006970 Tritanopia 0.001% of the population

Trichromacy

#1357b9 Protanomaly 1% of men, 0.01% of women
#135aab Deuteranomaly 6% of men, 0.4% of women
#135f8c Tritanomaly 0.01% of the population

#354cbf hex color

#354cbf Color Information

#354cbf Color Conversion

Color Schemes with #354cbf

Alternatives to #354cbf

#354cbf Preview

Shades and Tints of #354cbf

Tones of #354cbf

Color Blindness Simulator