#2f68c8 hex color

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

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

● #2f68c8 color description : Strong blue.

The hexadecimal color #2f68c8 has RGB values of R:47, G:104, B:200 and CMYK values of C:0.77, M:0.48, Y:0, K:0.22. Its decimal value is 3107016.

Hex triplet	2f68c8	`#2f68c8`
RGB Decimal	47, 104, 200	`rgb(47,104,200)`
RGB Percent	18.4, 40.8, 78.4	`rgb(18.4%,40.8%,78.4%)`
CMYK	77, 48, 0, 22
HSL	217.6°, 61.9, 48.4	`hsl(217.6,61.9%,48.4%)`
HSV (or HSB)	217.6°, 76.5, 78.4
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.184, 15.455, -55.322
XYZ	16.546, 14.674, 56.601
xyY	0.188, 0.167, 14.674
CIE-LCH	45.184, 57.44, 285.609
CIE-LUV	45.184, -20.566, -84.243
Hunter-Lab	38.306, 10.063, -60.791
Binary	00101111, 01101000, 11001000

#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#c88f2f
```
#c88f2f rgb(200,143,47)
```

Complementary Color

#2fb5c8
```
#2fb5c8 rgb(47,181,200)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#422fc8
```
#422fc8 rgb(66,47,200)
```

Analogous Color

#b5c82f
```
#b5c82f rgb(181,200,47)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#c8422f
```
#c8422f rgb(200,66,47)
```

Split Complementary Color

#68c82f
```
#68c82f rgb(104,200,47)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#c82f68
```
#c82f68 rgb(200,47,104)
```

Triadic Color

#2fc88f
```
#2fc88f rgb(47,200,143)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#c82f68
```
#c82f68 rgb(200,47,104)
```
#c88f2f
```
#c88f2f rgb(200,143,47)
```

Tetradic Color

#20488a
```
#20488a rgb(32,72,138)
```
#25539f
```
#25539f rgb(37,83,159)
```
#2a5db3
```
#2a5db3 rgb(42,93,179)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#3f76d2
```
#3f76d2 rgb(63,118,210)
```
#5384d7
```
#5384d7 rgb(83,132,215)
```
#6893dc
```
#6893dc rgb(104,147,220)
```

Monochromatic Color

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

#2f8ec8
```
#2f8ec8 rgb(47,142,200)
```
#2f82c8
```
#2f82c8 rgb(47,130,200)
```
#2f75c8
```
#2f75c8 rgb(47,117,200)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#2f5bc8
```
#2f5bc8 rgb(47,91,200)
```
#2f4fc8
```
#2f4fc8 rgb(47,79,200)
```
#2f42c8
```
#2f42c8 rgb(47,66,200)
```

Similar Colors

Text with hexadecimal color #2f68c8

This text has a font color of #2f68c8.

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

#2f68c8 background color

This paragraph has a background color of #2f68c8.

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

#2f68c8 border color

This element has a border color of #2f68c8.

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

CSS codes

.text {color:#2f68c8;}

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

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

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)
```
#060d19
```
#060d19 rgb(6,13,25)
```
#0a1529
```
#0a1529 rgb(10,21,41)
```
#0d1e39
```
#0d1e39 rgb(13,30,57)
```
#112649
```
#112649 rgb(17,38,73)
```
#152e59
```
#152e59 rgb(21,46,89)
```
#193669
```
#193669 rgb(25,54,105)
```
#1c3f79
```
#1c3f79 rgb(28,63,121)
```
#204788
```
#204788 rgb(32,71,136)
```
#244f98
```
#244f98 rgb(36,79,152)
```
#2857a8
```
#2857a8 rgb(40,87,168)
```
#2b60b8
```
#2b60b8 rgb(43,96,184)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```

Shade Color Variation

#3a72d1
```
#3a72d1 rgb(58,114,209)
```
#4a7dd4
```
#4a7dd4 rgb(74,125,212)
```
#5a89d8
```
#5a89d8 rgb(90,137,216)
```
#6a94dc
```
#6a94dc rgb(106,148,220)
```
#79a0e0
```
#79a0e0 rgb(121,160,224)
```
#89abe3
```
#89abe3 rgb(137,171,227)
```
#99b6e7
```
#99b6e7 rgb(153,182,231)
```
#a9c2eb
```
#a9c2eb rgb(169,194,235)
```
#b9cdef
```
#b9cdef rgb(185,205,239)
```
#c9d8f2
```
#c9d8f2 rgb(201,216,242)
```
#d9e4f6
```
#d9e4f6 rgb(217,228,246)
```
#e9effa
```
#e9effa rgb(233,239,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 #095eee is the most saturated one.

#7b7b7c
```
#7b7b7c rgb(123,123,124)
```
#727986
```
#727986 rgb(114,121,134)
```
#68778f
```
#68778f rgb(104,119,143)
```
#5f7499
```
#5f7499 rgb(95,116,153)
```
#5572a2
```
#5572a2 rgb(85,114,162)
```
#4c6fac
```
#4c6fac rgb(76,111,172)
```
#426db5
```
#426db5 rgb(66,109,181)
```
#396abf
```
#396abf rgb(57,106,191)
```
#2f68c8
```
#2f68c8 rgb(47,104,200)
```
#2666d2
```
#2666d2 rgb(38,102,210)
```
#1c63db
```
#1c63db rgb(28,99,219)
```
#1361e5
```
#1361e5 rgb(19,97,229)
```
#095eee
```
#095eee rgb(9,94,238)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#586376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3c6fca Protanopia 1% of men
#0074c1 Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#376cc9 Protanomaly 1% of men, 0.01% of women
#1170c3 Deuteranomaly 6% of men, 0.4% of women
#11759d Tritanomaly 0.01% of the population

#2f68c8 hex color

#2f68c8 Color Information

#2f68c8 Color Conversion

Color Schemes with #2f68c8

Alternatives to #2f68c8

#2f68c8 Preview

Shades and Tints of #2f68c8

Tones of #2f68c8

Color Blindness Simulator