#2f8cc0 hex color

In a RGB color space, hex #2f8cc0 is composed of 18.4% red, 54.9% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 27.1% magenta, 0% yellow and 24.7% black. It has a hue angle of 201.5 degrees, a saturation of 60.7% and a lightness of 46.9%. #2f8cc0 color hex could be obtained by blending #5effff with #001981. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 55
- B 75
RGB color chart
- C 76
- M 27
- Y 0
- K 25
CMYK color chart

● #2f8cc0 color description : Strong blue.

The hexadecimal color #2f8cc0 has RGB values of R:47, G:140, B:192 and CMYK values of C:0.76, M:0.27, Y:0, K:0.25. Its decimal value is 3116224.

Hex triplet	2f8cc0	`#2f8cc0`
RGB Decimal	47, 140, 192	`rgb(47,140,192)`
RGB Percent	18.4, 54.9, 75.3	`rgb(18.4%,54.9%,75.3%)`
CMYK	76, 27, 0, 25
HSL	201.5°, 60.7, 46.9	`hsl(201.5,60.7%,46.9%)`
HSV (or HSB)	201.5°, 75.5, 75.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	55.241, -9.371, -34.773
XYZ	20.062, 23.165, 53.28
xyY	0.208, 0.24, 23.165
CIE-LCH	55.241, 36.014, 254.918
CIE-LUV	55.241, -32.798, -52.435
Hunter-Lab	48.13, -9.821, -31.944
Binary	00101111, 10001100, 11000000

#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#c0632f
```
#c0632f rgb(192,99,47)
```

Complementary Color

#2fc0ac
```
#2fc0ac rgb(47,192,172)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#2f44c0
```
#2f44c0 rgb(47,68,192)
```

Analogous Color

#c0ac2f
```
#c0ac2f rgb(192,172,47)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#c02f44
```
#c02f44 rgb(192,47,68)
```

Split Complementary Color

#8cc02f
```
#8cc02f rgb(140,192,47)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#c02f8c
```
#c02f8c rgb(192,47,140)
```

Triadic Color

#2fc063
```
#2fc063 rgb(47,192,99)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#c02f8c
```
#c02f8c rgb(192,47,140)
```
#c0632f
```
#c0632f rgb(192,99,47)
```

Tetradic Color

#205f83
```
#205f83 rgb(32,95,131)
```
#256e97
```
#256e97 rgb(37,110,151)
```
#2a7dac
```
#2a7dac rgb(42,125,172)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#3a99cf
```
#3a99cf rgb(58,153,207)
```
#4ea4d4
```
#4ea4d4 rgb(78,164,212)
```
#63aed9
```
#63aed9 rgb(99,174,217)
```

Monochromatic Color

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

#2fb0c0
```
#2fb0c0 rgb(47,176,192)
```
#2fa4c0
```
#2fa4c0 rgb(47,164,192)
```
#2f98c0
```
#2f98c0 rgb(47,152,192)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#2f80c0
```
#2f80c0 rgb(47,128,192)
```
#2f74c0
```
#2f74c0 rgb(47,116,192)
```
#2f68c0
```
#2f68c0 rgb(47,104,192)
```

Similar Colors

Text with hexadecimal color #2f8cc0

This text has a font color of #2f8cc0.

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

#2f8cc0 background color

This paragraph has a background color of #2f8cc0.

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

#2f8cc0 border color

This element has a border color of #2f8cc0.

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

CSS codes

.text {color:#2f8cc0;}

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

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

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

#010203
```
#010203 rgb(1,2,3)
```
#050e13
```
#050e13 rgb(5,14,19)
```
#081922
```
#081922 rgb(8,25,34)
```
#0c2532
```
#0c2532 rgb(12,37,50)
```
#103042
```
#103042 rgb(16,48,66)
```
#143c52
```
#143c52 rgb(20,60,82)
```
#184761
```
#184761 rgb(24,71,97)
```
#1c5371
```
#1c5371 rgb(28,83,113)
```
#205e81
```
#205e81 rgb(32,94,129)
```
#236a91
```
#236a91 rgb(35,106,145)
```
#2775a0
```
#2775a0 rgb(39,117,160)
```
#2b81b0
```
#2b81b0 rgb(43,129,176)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```

Shade Color Variation

#3597ce
```
#3597ce rgb(53,151,206)
```
#459fd1
```
#459fd1 rgb(69,159,209)
```
#55a7d5
```
#55a7d5 rgb(85,167,213)
```
#64afd9
```
#64afd9 rgb(100,175,217)
```
#74b7dd
```
#74b7dd rgb(116,183,221)
```
#84bfe1
```
#84bfe1 rgb(132,191,225)
```
#94c8e5
```
#94c8e5 rgb(148,200,229)
```
#a3d0e9
```
#a3d0e9 rgb(163,208,233)
```
#b3d8ec
```
#b3d8ec rgb(179,216,236)
```
#c3e0f0
```
#c3e0f0 rgb(195,224,240)
```
#d3e8f4
```
#d3e8f4 rgb(211,232,244)
```
#e2f0f8
```
#e2f0f8 rgb(226,240,248)
```
#f2f8fc
```
#f2f8fc rgb(242,248,252)
```

Tint Color Variation

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

#6f7a80
```
#6f7a80 rgb(111,122,128)
```
#667c89
```
#667c89 rgb(102,124,137)
```
#5d7f92
```
#5d7f92 rgb(93,127,146)
```
#54829b
```
#54829b rgb(84,130,155)
```
#4b84a4
```
#4b84a4 rgb(75,132,164)
```
#4187ae
```
#4187ae rgb(65,135,174)
```
#3889b7
```
#3889b7 rgb(56,137,183)
```
#2f8cc0
```
#2f8cc0 rgb(47,140,192)
```
#268fc9
```
#268fc9 rgb(38,143,201)
```
#1d91d2
```
#1d91d2 rgb(29,145,210)
```
#1394dc
```
#1394dc rgb(19,148,220)
```
#0a96e5
```
#0a96e5 rgb(10,150,229)
```
#0199ee
```
#0199ee rgb(1,153,238)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#687a85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7988bc Protanopia 1% of men
#6d89c6 Deuteranopia 1% of men
#0098a3 Tritanopia 0.001% of the population

Trichromacy

#5e8abd Protanomaly 1% of men, 0.01% of women
#578ac4 Deuteranomaly 6% of men, 0.4% of women
#1193ad Tritanomaly 0.01% of the population

#2f8cc0 hex color

#2f8cc0 Color Information

#2f8cc0 Color Conversion

Color Schemes with #2f8cc0

Alternatives to #2f8cc0

#2f8cc0 Preview

Shades and Tints of #2f8cc0

Tones of #2f8cc0

Color Blindness Simulator