#2f7bcc hex color

In a RGB color space, hex #2f7bcc is composed of 18.4% red, 48.2% green and 80% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 39.7% magenta, 0% yellow and 20% black. It has a hue angle of 211 degrees, a saturation of 62.5% and a lightness of 49.2%. #2f7bcc color hex could be obtained by blending #5ef6ff with #000099. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 18
- G 48
- B 80
RGB color chart
- C 77
- M 40
- Y 0
- K 20
CMYK color chart

● #2f7bcc color description : Strong blue.

The hexadecimal color #2f7bcc has RGB values of R:47, G:123, B:204 and CMYK values of C:0.77, M:0.4, Y:0, K:0.2. Its decimal value is 3111884.

Hex triplet	2f7bcc	`#2f7bcc`
RGB Decimal	47, 123, 204	`rgb(47,123,204)`
RGB Percent	18.4, 48.2, 80	`rgb(18.4%,48.2%,80%)`
CMYK	77, 40, 0, 20
HSL	211°, 62.5, 49.2	`hsl(211,62.5%,49.2%)`
HSV (or HSB)	211°, 77, 80
Web Safe	3366cc	`#3366cc`

CIE-LAB	50.837, 5.04, -48.556
XYZ	19.152, 19.128, 59.806
xyY	0.195, 0.195, 19.128
CIE-LCH	50.837, 48.816, 275.925
CIE-LUV	50.837, -26.467, -75.168
Hunter-Lab	43.736, 1.627, -50.46
Binary	00101111, 01111011, 11001100

#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#cc802f
```
#cc802f rgb(204,128,47)
```

Complementary Color

#2fcacc
```
#2fcacc rgb(47,202,204)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#322fcc
```
#322fcc rgb(50,47,204)
```

Analogous Color

#cacc2f
```
#cacc2f rgb(202,204,47)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#cc322f
```
#cc322f rgb(204,50,47)
```

Split Complementary Color

#7bcc2f
```
#7bcc2f rgb(123,204,47)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#cc2f7b
```
#cc2f7b rgb(204,47,123)
```

Triadic Color

#2fcc80
```
#2fcc80 rgb(47,204,128)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#cc2f7b
```
#cc2f7b rgb(204,47,123)
```
#cc802f
```
#cc802f rgb(204,128,47)
```

Tetradic Color

#21568e
```
#21568e rgb(33,86,142)
```
#2562a3
```
#2562a3 rgb(37,98,163)
```
#2a6fb7
```
#2a6fb7 rgb(42,111,183)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#4188d3
```
#4188d3 rgb(65,136,211)
```
#5695d8
```
#5695d8 rgb(86,149,216)
```
#6ba2dd
```
#6ba2dd rgb(107,162,221)
```

Monochromatic Color

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

#2fa2cc
```
#2fa2cc rgb(47,162,204)
```
#2f95cc
```
#2f95cc rgb(47,149,204)
```
#2f88cc
```
#2f88cc rgb(47,136,204)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#2f6ecc
```
#2f6ecc rgb(47,110,204)
```
#2f61cc
```
#2f61cc rgb(47,97,204)
```
#2f54cc
```
#2f54cc rgb(47,84,204)
```

Similar Colors

Text with hexadecimal color #2f7bcc

This text has a font color of #2f7bcc.

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

#2f7bcc background color

This paragraph has a background color of #2f7bcc.

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

#2f7bcc border color

This element has a border color of #2f7bcc.

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

CSS codes

.text {color:#2f7bcc;}

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

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

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

#03080d
```
#03080d rgb(3,8,13)
```
#07111d
```
#07111d rgb(7,17,29)
```
#0a1b2d
```
#0a1b2d rgb(10,27,45)
```
#0e243d
```
#0e243d rgb(14,36,61)
```
#122e4c
```
#122e4c rgb(18,46,76)
```
#15385c
```
#15385c rgb(21,56,92)
```
#19416c
```
#19416c rgb(25,65,108)
```
#1d4b7c
```
#1d4b7c rgb(29,75,124)
```
#20558c
```
#20558c rgb(32,85,140)
```
#245e9c
```
#245e9c rgb(36,94,156)
```
#2868ac
```
#2868ac rgb(40,104,172)
```
#2b71bc
```
#2b71bc rgb(43,113,188)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```

Shade Color Variation

#3c85d2
```
#3c85d2 rgb(60,133,210)
```
#4c8fd6
```
#4c8fd6 rgb(76,143,214)
```
#5c99da
```
#5c99da rgb(92,153,218)
```
#6ca3dd
```
#6ca3dd rgb(108,163,221)
```
#7cade1
```
#7cade1 rgb(124,173,225)
```
#8cb7e5
```
#8cb7e5 rgb(140,183,229)
```
#9cc1e8
```
#9cc1e8 rgb(156,193,232)
```
#accbec
```
#accbec rgb(172,203,236)
```
#bcd5f0
```
#bcd5f0 rgb(188,213,240)
```
#ccdff3
```
#ccdff3 rgb(204,223,243)
```
#dce9f7
```
#dce9f7 rgb(220,233,247)
```
#ecf3fb
```
#ecf3fb rgb(236,243,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#7c7d7f
```
#7c7d7f rgb(124,125,127)
```
#737d88
```
#737d88 rgb(115,125,136)
```
#697d92
```
#697d92 rgb(105,125,146)
```
#5f7d9c
```
#5f7d9c rgb(95,125,156)
```
#567ca5
```
#567ca5 rgb(86,124,165)
```
#4c7caf
```
#4c7caf rgb(76,124,175)
```
#427cb9
```
#427cb9 rgb(66,124,185)
```
#397bc2
```
#397bc2 rgb(57,123,194)
```
#2f7bcc
```
#2f7bcc rgb(47,123,204)
```
#257bd6
```
#257bd6 rgb(37,123,214)
```
#1c7adf
```
#1c7adf rgb(28,122,223)
```
#127ae9
```
#127ae9 rgb(18,122,233)
```
#087af3
```
#087af3 rgb(8,122,243)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#617181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d7dcb Protanopia 1% of men
#3f81ce Deuteranopia 1% of men
#008c95 Tritanopia 0.001% of the population

Trichromacy

#4c7ccb Protanomaly 1% of men, 0.01% of women
#397ecd Deuteranomaly 6% of men, 0.4% of women
#1186a9 Tritanomaly 0.01% of the population

#2f7bcc hex color

#2f7bcc Color Information

#2f7bcc Color Conversion

Color Schemes with #2f7bcc

Alternatives to #2f7bcc

#2f7bcc Preview

Shades and Tints of #2f7bcc

Tones of #2f7bcc

Color Blindness Simulator