#2f3cc6 hex color

In a RGB color space, hex #2f3cc6 is composed of 18.4% red, 23.5% green and 77.6% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 69.7% magenta, 0% yellow and 22.4% black. It has a hue angle of 234.8 degrees, a saturation of 61.6% and a lightness of 48%. #2f3cc6 color hex could be obtained by blending #5e78ff with #00008d. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 18
- G 24
- B 78
RGB color chart
- C 76
- M 70
- Y 0
- K 22
CMYK color chart

● #2f3cc6 color description : Strong blue.

The hexadecimal color #2f3cc6 has RGB values of R:47, G:60, B:198 and CMYK values of C:0.76, M:0.7, Y:0, K:0.22. Its decimal value is 3095750.

Hex triplet	2f3cc6	`#2f3cc6`
RGB Decimal	47, 60, 198	`rgb(47,60,198)`
RGB Percent	18.4, 23.5, 77.6	`rgb(18.4%,23.5%,77.6%)`
CMYK	76, 70, 0, 22
HSL	234.8°, 61.6, 48	`hsl(234.8,61.6%,48%)`
HSV (or HSB)	234.8°, 76.3, 77.6
Web Safe	3333cc	`#3333cc`

CIE-LAB	33.8, 42.823, -72.708
XYZ	12.979, 7.912, 54.266
xyY	0.173, 0.105, 7.912
CIE-LCH	33.8, 84.381, 300.497
CIE-LUV	33.8, -9.461, -99.524
Hunter-Lab	28.129, 33.137, -94.691
Binary	00101111, 00111100, 11000110

#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#c6b92f
```
#c6b92f rgb(198,185,47)
```

Complementary Color

#2f88c6
```
#2f88c6 rgb(47,136,198)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#6e2fc6
```
#6e2fc6 rgb(110,47,198)
```

Analogous Color

#88c62f
```
#88c62f rgb(136,198,47)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#c66e2f
```
#c66e2f rgb(198,110,47)
```

Split Complementary Color

#3cc62f
```
#3cc62f rgb(60,198,47)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#c62f3c
```
#c62f3c rgb(198,47,60)
```

Triadic Color

#2fc6b9
```
#2fc6b9 rgb(47,198,185)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#c62f3c
```
#c62f3c rgb(198,47,60)
```
#c6b92f
```
#c6b92f rgb(198,185,47)
```

Tetradic Color

#202988
```
#202988 rgb(32,41,136)
```
#25309d
```
#25309d rgb(37,48,157)
```
#2a36b1
```
#2a36b1 rgb(42,54,177)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#3d4ad1
```
#3d4ad1 rgb(61,74,209)
```
#525dd6
```
#525dd6 rgb(82,93,214)
```
#6771db
```
#6771db rgb(103,113,219)
```

Monochromatic Color

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

#2f62c6
```
#2f62c6 rgb(47,98,198)
```
#2f55c6
```
#2f55c6 rgb(47,85,198)
```
#2f49c6
```
#2f49c6 rgb(47,73,198)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#2f2fc6
```
#2f2fc6 rgb(47,47,198)
```
#3b2fc6
```
#3b2fc6 rgb(59,47,198)
```
#482fc6
```
#482fc6 rgb(72,47,198)
```

Similar Colors

Text with hexadecimal color #2f3cc6

This text has a font color of #2f3cc6.

<span style="color:#2f3cc6;">Text here</span>

#2f3cc6 background color

This paragraph has a background color of #2f3cc6.

<p style="background-color:#2f3cc6;">Content here</p>

#2f3cc6 border color

This element has a border color of #2f3cc6.

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

CSS codes

.text {color:#2f3cc6;}

.background {background-color:#2f3cc6;}

.border {border:1px solid #2f3cc6;}

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

#020208
```
#020208 rgb(2,2,8)
```
#060718
```
#060718 rgb(6,7,24)
```
#090c27
```
#090c27 rgb(9,12,39)
```
#0d1137
```
#0d1137 rgb(13,17,55)
```
#111647
```
#111647 rgb(17,22,71)
```
#151a57
```
#151a57 rgb(21,26,87)
```
#181f67
```
#181f67 rgb(24,31,103)
```
#1c2477
```
#1c2477 rgb(28,36,119)
```
#202987
```
#202987 rgb(32,41,135)
```
#242e96
```
#242e96 rgb(36,46,150)
```
#2732a6
```
#2732a6 rgb(39,50,166)
```
#2b37b6
```
#2b37b6 rgb(43,55,182)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```

Shade Color Variation

#3946d0
```
#3946d0 rgb(57,70,208)
```
#4955d4
```
#4955d4 rgb(73,85,212)
```
#5863d7
```
#5863d7 rgb(88,99,215)
```
#6872db
```
#6872db rgb(104,114,219)
```
#7881df
```
#7881df rgb(120,129,223)
```
#8890e3
```
#8890e3 rgb(136,144,227)
```
#989fe7
```
#989fe7 rgb(152,159,231)
```
#a8adea
```
#a8adea rgb(168,173,234)
```
#b8bcee
```
#b8bcee rgb(184,188,238)
```
#c7cbf2
```
#c7cbf2 rgb(199,203,242)
```
#d7daf6
```
#d7daf6 rgb(215,218,246)
```
#e7e9f9
```
#e7e9f9 rgb(231,233,249)
```
#f7f7fd
```
#f7f7fd rgb(247,247,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7a7b is the less saturated color, while #091dec is the most saturated one.

#7a7a7b
```
#7a7a7b rgb(122,122,123)
```
#717384
```
#717384 rgb(113,115,132)
```
#686b8d
```
#686b8d rgb(104,107,141)
```
#5e6397
```
#5e6397 rgb(94,99,151)
```
#555ba0
```
#555ba0 rgb(85,91,160)
```
#4b53aa
```
#4b53aa rgb(75,83,170)
```
#424cb3
```
#424cb3 rgb(66,76,179)
```
#3844bd
```
#3844bd rgb(56,68,189)
```
#2f3cc6
```
#2f3cc6 rgb(47,60,198)
```
#2634cf
```
#2634cf rgb(38,52,207)
```
#1c2cd9
```
#1c2cd9 rgb(28,44,217)
```
#1325e2
```
#1325e2 rgb(19,37,226)
```
#091dec
```
#091dec rgb(9,29,236)
```

Tone Color Variation

Below, you can see how #2f3cc6 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

#484848 Achromatopsia 0.005% of the population
#434661 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0056a7 Protanopia 1% of men
#005b91 Deuteranopia 1% of men
#006166 Tritanopia 0.001% of the population

Trichromacy

#114cb2 Protanomaly 1% of men, 0.01% of women
#114fa4 Deuteranomaly 6% of men, 0.4% of women
#115389 Tritanomaly 0.01% of the population

#2f3cc6 hex color

#2f3cc6 Color Information

#2f3cc6 Color Conversion

Color Schemes with #2f3cc6

Alternatives to #2f3cc6

#2f3cc6 Preview

Shades and Tints of #2f3cc6

Tones of #2f3cc6

Color Blindness Simulator