#2f62c8 hex color

In a RGB color space, hex #2f62c8 is composed of 18.4% red, 38.4% green and 78.4% blue. Whereas in a CMYK color space, it is composed of 76.5% cyan, 51% magenta, 0% yellow and 21.6% black. It has a hue angle of 220 degrees, a saturation of 61.9% and a lightness of 48.4%. #2f62c8 color hex could be obtained by blending #5ec4ff with #000091. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 38
- B 78
RGB color chart
- C 77
- M 51
- Y 0
- K 22
CMYK color chart

● #2f62c8 color description : Strong blue.

The hexadecimal color #2f62c8 has RGB values of R:47, G:98, B:200 and CMYK values of C:0.77, M:0.51, Y:0, K:0.22. Its decimal value is 3105480.

Hex triplet	2f62c8	`#2f62c8`
RGB Decimal	47, 98, 200	`rgb(47,98,200)`
RGB Percent	18.4, 38.4, 78.4	`rgb(18.4%,38.4%,78.4%)`
CMYK	77, 51, 0, 22
HSL	220°, 61.9, 48.4	`hsl(220,61.9%,48.4%)`
HSV (or HSB)	220°, 76.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.52, 19.313, -58.007
XYZ	15.963, 13.509, 56.407
xyY	0.186, 0.157, 13.509
CIE-LCH	43.52, 61.138, 288.415
CIE-LUV	43.52, -18.779, -87.602
Hunter-Lab	36.754, 13.206, -65.265
Binary	00101111, 01100010, 11001000

#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#c8952f
```
#c8952f rgb(200,149,47)
```

Complementary Color

#2fafc8
```
#2fafc8 rgb(47,175,200)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#482fc8
```
#482fc8 rgb(72,47,200)
```

Analogous Color

#afc82f
```
#afc82f rgb(175,200,47)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#c8482f
```
#c8482f rgb(200,72,47)
```

Split Complementary Color

#62c82f
```
#62c82f rgb(98,200,47)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#c82f62
```
#c82f62 rgb(200,47,98)
```

Triadic Color

#2fc895
```
#2fc895 rgb(47,200,149)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#c82f62
```
#c82f62 rgb(200,47,98)
```
#c8952f
```
#c8952f rgb(200,149,47)
```

Tetradic Color

#20448a
```
#20448a rgb(32,68,138)
```
#254e9f
```
#254e9f rgb(37,78,159)
```
#2a58b3
```
#2a58b3 rgb(42,88,179)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#3f70d2
```
#3f70d2 rgb(63,112,210)
```
#537fd7
```
#537fd7 rgb(83,127,215)
```
#688edc
```
#688edc rgb(104,142,220)
```

Monochromatic Color

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

#2f88c8
```
#2f88c8 rgb(47,136,200)
```
#2f7cc8
```
#2f7cc8 rgb(47,124,200)
```
#2f6fc8
```
#2f6fc8 rgb(47,111,200)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#2f55c8
```
#2f55c8 rgb(47,85,200)
```
#2f49c8
```
#2f49c8 rgb(47,73,200)
```
#2f3cc8
```
#2f3cc8 rgb(47,60,200)
```

Similar Colors

Text with hexadecimal color #2f62c8

This text has a font color of #2f62c8.

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

#2f62c8 background color

This paragraph has a background color of #2f62c8.

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

#2f62c8 border color

This element has a border color of #2f62c8.

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

CSS codes

.text {color:#2f62c8;}

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

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

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

#020509
```
#020509 rgb(2,5,9)
```
#060c19
```
#060c19 rgb(6,12,25)
```
#0a1429
```
#0a1429 rgb(10,20,41)
```
#0d1c39
```
#0d1c39 rgb(13,28,57)
```
#112449
```
#112449 rgb(17,36,73)
```
#152c59
```
#152c59 rgb(21,44,89)
```
#193369
```
#193369 rgb(25,51,105)
```
#1c3b79
```
#1c3b79 rgb(28,59,121)
```
#204388
```
#204388 rgb(32,67,136)
```
#244b98
```
#244b98 rgb(36,75,152)
```
#2852a8
```
#2852a8 rgb(40,82,168)
```
#2b5ab8
```
#2b5ab8 rgb(43,90,184)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```

Shade Color Variation

#3a6cd1
```
#3a6cd1 rgb(58,108,209)
```
#4a78d4
```
#4a78d4 rgb(74,120,212)
```
#5a84d8
```
#5a84d8 rgb(90,132,216)
```
#6a90dc
```
#6a90dc rgb(106,144,220)
```
#799ce0
```
#799ce0 rgb(121,156,224)
```
#89a7e3
```
#89a7e3 rgb(137,167,227)
```
#99b3e7
```
#99b3e7 rgb(153,179,231)
```
#a9bfeb
```
#a9bfeb rgb(169,191,235)
```
#b9cbef
```
#b9cbef rgb(185,203,239)
```
#c9d7f2
```
#c9d7f2 rgb(201,215,242)
```
#d9e3f6
```
#d9e3f6 rgb(217,227,246)
```
#e9eefa
```
#e9eefa rgb(233,238,250)
```
#f9fafd
```
#f9fafd rgb(249,250,253)
```

Tint Color Variation

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

#7b7b7c
```
#7b7b7c rgb(123,123,124)
```
#727886
```
#727886 rgb(114,120,134)
```
#68758f
```
#68758f rgb(104,117,143)
```
#5f7299
```
#5f7299 rgb(95,114,153)
```
#556fa2
```
#556fa2 rgb(85,111,162)
```
#4c6cac
```
#4c6cac rgb(76,108,172)
```
#4268b5
```
#4268b5 rgb(66,104,181)
```
#3965bf
```
#3965bf rgb(57,101,191)
```
#2f62c8
```
#2f62c8 rgb(47,98,200)
```
#265fd2
```
#265fd2 rgb(38,95,210)
```
#1c5cdb
```
#1c5cdb rgb(28,92,219)
```
#1359e5
```
#1359e5 rgb(19,89,229)
```
#0955ee
```
#0955ee rgb(9,85,238)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#296bcc Protanopia 1% of men
#0070b9 Deuteranopia 1% of men
#007981 Tritanopia 0.001% of the population

Trichromacy

#2b68ca Protanomaly 1% of men, 0.01% of women
#116bbe Deuteranomaly 6% of men, 0.4% of women
#11719a Tritanomaly 0.01% of the population

#2f62c8 hex color

#2f62c8 Color Information

#2f62c8 Color Conversion

Color Schemes with #2f62c8

Alternatives to #2f62c8

#2f62c8 Preview

Shades and Tints of #2f62c8

Tones of #2f62c8

Color Blindness Simulator