#2f6bb8 hex color

In a RGB color space, hex #2f6bb8 is composed of 18.4% red, 42% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 41.8% magenta, 0% yellow and 27.8% black. It has a hue angle of 213.7 degrees, a saturation of 59.3% and a lightness of 45.3%. #2f6bb8 color hex could be obtained by blending #5ed6ff with #000071. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 42
- B 72
RGB color chart
- C 74
- M 42
- Y 0
- K 28
CMYK color chart

● #2f6bb8 color description : Moderate blue.

The hexadecimal color #2f6bb8 has RGB values of R:47, G:107, B:184 and CMYK values of C:0.74, M:0.42, Y:0, K:0.28. Its decimal value is 3107768.

Hex triplet	2f6bb8	`#2f6bb8`
RGB Decimal	47, 107, 184	`rgb(47,107,184)`
RGB Percent	18.4, 42, 72.2	`rgb(18.4%,42%,72.2%)`
CMYK	74, 42, 0, 28
HSL	213.7°, 59.3, 45.3	`hsl(213.7,59.3%,45.3%)`
HSV (or HSB)	213.7°, 74.5, 72.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	45.052, 7.522, -46.277
XYZ	15.08, 14.579, 47.364
xyY	0.196, 0.189, 14.579
CIE-LCH	45.052, 46.884, 279.233
CIE-LUV	45.052, -21.88, -69.834
Hunter-Lab	38.183, 3.676, -46.819
Binary	00101111, 01101011, 10111000

#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#b87c2f
```
#b87c2f rgb(184,124,47)
```

Complementary Color

#2fb0b8
```
#2fb0b8 rgb(47,176,184)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#372fb8
```
#372fb8 rgb(55,47,184)
```

Analogous Color

#b0b82f
```
#b0b82f rgb(176,184,47)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#b8372f
```
#b8372f rgb(184,55,47)
```

Split Complementary Color

#6bb82f
```
#6bb82f rgb(107,184,47)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#b82f6b
```
#b82f6b rgb(184,47,107)
```

Triadic Color

#2fb87c
```
#2fb87c rgb(47,184,124)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#b82f6b
```
#b82f6b rgb(184,47,107)
```
#b87c2f
```
#b87c2f rgb(184,124,47)
```

Tetradic Color

#1f487b
```
#1f487b rgb(31,72,123)
```
#25538f
```
#25538f rgb(37,83,143)
```
#2a5fa4
```
#2a5fa4 rgb(42,95,164)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#3577cb
```
#3577cb rgb(53,119,203)
```
#4985d1
```
#4985d1 rgb(73,133,209)
```
#5e92d6
```
#5e92d6 rgb(94,146,214)
```

Monochromatic Color

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

#2f8db8
```
#2f8db8 rgb(47,141,184)
```
#2f82b8
```
#2f82b8 rgb(47,130,184)
```
#2f76b8
```
#2f76b8 rgb(47,118,184)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#2f60b8
```
#2f60b8 rgb(47,96,184)
```
#2f54b8
```
#2f54b8 rgb(47,84,184)
```
#2f49b8
```
#2f49b8 rgb(47,73,184)
```

Similar Colors

Text with hexadecimal color #2f6bb8

This text has a font color of #2f6bb8.

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

#2f6bb8 background color

This paragraph has a background color of #2f6bb8.

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

#2f6bb8 border color

This element has a border color of #2f6bb8.

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

CSS codes

.text {color:#2f6bb8;}

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

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

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, #03070c is the darkest color, while #fcfdfe is the lightest one.

#03070c
```
#03070c rgb(3,7,12)
```
#07101c
```
#07101c rgb(7,16,28)
```
#0b192b
```
#0b192b rgb(11,25,43)
```
#0f223b
```
#0f223b rgb(15,34,59)
```
#132b4b
```
#132b4b rgb(19,43,75)
```
#17345a
```
#17345a rgb(23,52,90)
```
#1b3e6a
```
#1b3e6a rgb(27,62,106)
```
#1f477a
```
#1f477a rgb(31,71,122)
```
#235089
```
#235089 rgb(35,80,137)
```
#275999
```
#275999 rgb(39,89,153)
```
#2b62a8
```
#2b62a8 rgb(43,98,168)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#3374c8
```
#3374c8 rgb(51,116,200)
```

Shade Color Variation

#407ece
```
#407ece rgb(64,126,206)
```
#5089d2
```
#5089d2 rgb(80,137,210)
```
#5f93d6
```
#5f93d6 rgb(95,147,214)
```
#6f9eda
```
#6f9eda rgb(111,158,218)
```
#7fa8de
```
#7fa8de rgb(127,168,222)
```
#8eb3e2
```
#8eb3e2 rgb(142,179,226)
```
#9ebde6
```
#9ebde6 rgb(158,189,230)
```
#adc8ea
```
#adc8ea rgb(173,200,234)
```
#bdd3ee
```
#bdd3ee rgb(189,211,238)
```
#cdddf2
```
#cdddf2 rgb(205,221,242)
```
#dce8f6
```
#dce8f6 rgb(220,232,246)
```
#ecf2fa
```
#ecf2fa rgb(236,242,250)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d737a is the less saturated color, while #0365e4 is the most saturated one.

#6d737a
```
#6d737a rgb(109,115,122)
```
#647283
```
#647283 rgb(100,114,131)
```
#5b718c
```
#5b718c rgb(91,113,140)
```
#536f94
```
#536f94 rgb(83,111,148)
```
#4a6e9d
```
#4a6e9d rgb(74,110,157)
```
#416da6
```
#416da6 rgb(65,109,166)
```
#386caf
```
#386caf rgb(56,108,175)
```
#2f6bb8
```
#2f6bb8 rgb(47,107,184)
```
#266ac1
```
#266ac1 rgb(38,106,193)
```
#1d69ca
```
#1d69ca rgb(29,105,202)
```
#1468d3
```
#1468d3 rgb(20,104,211)
```
#0b67dc
```
#0b67dc rgb(11,103,220)
```
#0365e4
```
#0365e4 rgb(3,101,228)
```

Tone Color Variation

Below, you can see how #2f6bb8 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
#586473 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f6fb9 Protanopia 1% of men
#3273bb Deuteranopia 1% of men
#007d85 Tritanopia 0.001% of the population

Trichromacy

#436eb8 Protanomaly 1% of men, 0.01% of women
#3070ba Deuteranomaly 6% of men, 0.4% of women
#117698 Tritanomaly 0.01% of the population

#2f6bb8 hex color

#2f6bb8 Color Information

#2f6bb8 Color Conversion

Color Schemes with #2f6bb8

Alternatives to #2f6bb8

#2f6bb8 Preview

Shades and Tints of #2f6bb8

Tones of #2f6bb8

Color Blindness Simulator