#3c5fbb hex color

In a RGB color space, hex #3c5fbb is composed of 23.5% red, 37.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 49.2% magenta, 0% yellow and 26.7% black. It has a hue angle of 223.5 degrees, a saturation of 51.4% and a lightness of 48.4%. #3c5fbb color hex could be obtained by blending #78beff with #000077. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 24
- G 37
- B 73
RGB color chart
- C 68
- M 49
- Y 0
- K 27
CMYK color chart

● #3c5fbb color description : Moderate blue.

The hexadecimal color #3c5fbb has RGB values of R:60, G:95, B:187 and CMYK values of C:0.68, M:0.49, Y:0, K:0.27. Its decimal value is 3956667.

Hex triplet	3c5fbb	`#3c5fbb`
RGB Decimal	60, 95, 187	`rgb(60,95,187)`
RGB Percent	23.5, 37.3, 73.3	`rgb(23.5%,37.3%,73.3%)`
CMYK	68, 49, 0, 27
HSL	223.5°, 51.4, 48.4	`hsl(223.5,51.4%,48.4%)`
HSV (or HSB)	223.5°, 67.9, 73.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.357, 18.204, -52.318
XYZ	14.923, 12.732, 48.682
xyY	0.195, 0.167, 12.732
CIE-LCH	42.357, 55.394, 289.185
CIE-LUV	42.357, -15.545, -78.606
Hunter-Lab	35.682, 12.212, -55.914
Binary	00111100, 01011111, 10111011

#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#bb983c
```
#bb983c rgb(187,152,60)
```

Complementary Color

#3c9fbb
```
#3c9fbb rgb(60,159,187)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#583cbb
```
#583cbb rgb(88,60,187)
```

Analogous Color

#9fbb3c
```
#9fbb3c rgb(159,187,60)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#bb583c
```
#bb583c rgb(187,88,60)
```

Split Complementary Color

#5fbb3c
```
#5fbb3c rgb(95,187,60)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#bb3c5f
```
#bb3c5f rgb(187,60,95)
```

Triadic Color

#3cbb98
```
#3cbb98 rgb(60,187,152)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#bb3c5f
```
#bb3c5f rgb(187,60,95)
```
#bb983c
```
#bb983c rgb(187,152,60)
```

Tetradic Color

#294281
```
#294281 rgb(41,66,129)
```
#304b94
```
#304b94 rgb(48,75,148)
```
#3655a8
```
#3655a8 rgb(54,85,168)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#4b6dc5
```
#4b6dc5 rgb(75,109,197)
```
#5e7dcc
```
#5e7dcc rgb(94,125,204)
```
#728cd2
```
#728cd2 rgb(114,140,210)
```

Monochromatic Color

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

#3c7fbb
```
#3c7fbb rgb(60,127,187)
```
#3c74bb
```
#3c74bb rgb(60,116,187)
```
#3c6abb
```
#3c6abb rgb(60,106,187)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#3c54bb
```
#3c54bb rgb(60,84,187)
```
#3c4abb
```
#3c4abb rgb(60,74,187)
```
#3c3fbb
```
#3c3fbb rgb(60,63,187)
```

Similar Colors

Text with hexadecimal color #3c5fbb

This text has a font color of #3c5fbb.

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

#3c5fbb background color

This paragraph has a background color of #3c5fbb.

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

#3c5fbb border color

This element has a border color of #3c5fbb.

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

CSS codes

.text {color:#3c5fbb;}

.background {background-color:#3c5fbb;}

.border {border:1px solid #3c5fbb;}

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

#030409
```
#030409 rgb(3,4,9)
```
#080c18
```
#080c18 rgb(8,12,24)
```
#0c1426
```
#0c1426 rgb(12,20,38)
```
#111b35
```
#111b35 rgb(17,27,53)
```
#162344
```
#162344 rgb(22,35,68)
```
#1b2a53
```
#1b2a53 rgb(27,42,83)
```
#1f3262
```
#1f3262 rgb(31,50,98)
```
#243971
```
#243971 rgb(36,57,113)
```
#294180
```
#294180 rgb(41,65,128)
```
#2e488e
```
#2e488e rgb(46,72,142)
```
#32509d
```
#32509d rgb(50,80,157)
```
#3757ac
```
#3757ac rgb(55,87,172)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```

Shade Color Variation

#4769c4
```
#4769c4 rgb(71,105,196)
```
#5675c9
```
#5675c9 rgb(86,117,201)
```
#6481cd
```
#6481cd rgb(100,129,205)
```
#738dd2
```
#738dd2 rgb(115,141,210)
```
#829ad7
```
#829ad7 rgb(130,154,215)
```
#91a6dc
```
#91a6dc rgb(145,166,220)
```
#a0b2e0
```
#a0b2e0 rgb(160,178,224)
```
#afbee5
```
#afbee5 rgb(175,190,229)
```
#becaea
```
#becaea rgb(190,202,234)
```
#ccd6ef
```
#ccd6ef rgb(204,214,239)
```
#dbe2f4
```
#dbe2f4 rgb(219,226,244)
```
#eaeef8
```
#eaeef8 rgb(234,238,248)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #757982 is the less saturated color, while #0345f4 is the most saturated one.

#757982
```
#757982 rgb(117,121,130)
```
#6c748c
```
#6c748c rgb(108,116,140)
```
#627095
```
#627095 rgb(98,112,149)
```
#596c9f
```
#596c9f rgb(89,108,159)
```
#4f68a8
```
#4f68a8 rgb(79,104,168)
```
#4663b2
```
#4663b2 rgb(70,99,178)
```
#3c5fbb
```
#3c5fbb rgb(60,95,187)
```
#335bc5
```
#335bc5 rgb(51,91,197)
```
#2956ce
```
#2956ce rgb(41,86,206)
```
#2052d8
```
#2052d8 rgb(32,82,216)
```
#164ee1
```
#164ee1 rgb(22,78,225)
```
#0d4aeb
```
#0d4aeb rgb(13,74,235)
```
#0345f4
```
#0345f4 rgb(3,69,244)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#585f71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3669c0 Protanopia 1% of men
#006db6 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#3865be Protanomaly 1% of men, 0.01% of women
#1568b8 Deuteranomaly 6% of men, 0.4% of women
#156d94 Tritanomaly 0.01% of the population

#3c5fbb hex color

#3c5fbb Color Information

#3c5fbb Color Conversion

Color Schemes with #3c5fbb

Alternatives to #3c5fbb

#3c5fbb Preview

Shades and Tints of #3c5fbb

Tones of #3c5fbb

Color Blindness Simulator