#2f9fbe hex color

In a RGB color space, hex #2f9fbe is composed of 18.4% red, 62.4% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 75.3% cyan, 16.3% magenta, 0% yellow and 25.5% black. It has a hue angle of 193 degrees, a saturation of 60.3% and a lightness of 46.5%. #2f9fbe color hex could be obtained by blending #5effff with #003f7d. Closest websafe color is: #3399cc.

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

● #2f9fbe color description : Strong cyan.

The hexadecimal color #2f9fbe has RGB values of R:47, G:159, B:190 and CMYK values of C:0.75, M:0.16, Y:0, K:0.25. Its decimal value is 3121086.

Hex triplet	2f9fbe	`#2f9fbe`
RGB Decimal	47, 159, 190	`rgb(47,159,190)`
RGB Percent	18.4, 62.4, 74.5	`rgb(18.4%,62.4%,74.5%)`
CMYK	75, 16, 0, 25
HSL	193°, 60.3, 46.5	`hsl(193,60.3%,46.5%)`
HSV (or HSB)	193°, 75.3, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	60.884, -20.443, -24.894
XYZ	22.862, 29.116, 53.127
xyY	0.218, 0.277, 29.116
CIE-LCH	60.884, 32.212, 230.607
CIE-LUV	60.884, -39.655, -35.609
Hunter-Lab	53.96, -18.8, -20.604
Binary	00101111, 10011111, 10111110

#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#be4e2f
```
#be4e2f rgb(190,78,47)
```

Complementary Color

#2fbe96
```
#2fbe96 rgb(47,190,150)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#2f58be
```
#2f58be rgb(47,88,190)
```

Analogous Color

#be962f
```
#be962f rgb(190,150,47)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#be2f58
```
#be2f58 rgb(190,47,88)
```

Split Complementary Color

#9fbe2f
```
#9fbe2f rgb(159,190,47)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#be2f9f
```
#be2f9f rgb(190,47,159)
```

Triadic Color

#2fbe4e
```
#2fbe4e rgb(47,190,78)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#be2f9f
```
#be2f9f rgb(190,47,159)
```
#be4e2f
```
#be4e2f rgb(190,78,47)
```

Tetradic Color

#206c81
```
#206c81 rgb(32,108,129)
```
#257d95
```
#257d95 rgb(37,125,149)
```
#2a8eaa
```
#2a8eaa rgb(42,142,170)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#39aece
```
#39aece rgb(57,174,206)
```
#4db6d3
```
#4db6d3 rgb(77,182,211)
```
#61bed8
```
#61bed8 rgb(97,190,216)
```

Monochromatic Color

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

#2fbeb9
```
#2fbeb9 rgb(47,190,185)
```
#2fb7be
```
#2fb7be rgb(47,183,190)
```
#2fabbe
```
#2fabbe rgb(47,171,190)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#2f93be
```
#2f93be rgb(47,147,190)
```
#2f87be
```
#2f87be rgb(47,135,190)
```
#2f7bbe
```
#2f7bbe rgb(47,123,190)
```

Similar Colors

Text with hexadecimal color #2f9fbe

This text has a font color of #2f9fbe.

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

#2f9fbe background color

This paragraph has a background color of #2f9fbe.

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

#2f9fbe border color

This element has a border color of #2f9fbe.

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

CSS codes

.text {color:#2f9fbe;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#040e11
```
#040e11 rgb(4,14,17)
```
#081b21
```
#081b21 rgb(8,27,33)
```
#0c2930
```
#0c2930 rgb(12,41,48)
```
#103640
```
#103640 rgb(16,54,64)
```
#144350
```
#144350 rgb(20,67,80)
```
#185060
```
#185060 rgb(24,80,96)
```
#1c5d6f
```
#1c5d6f rgb(28,93,111)
```
#1f6a7f
```
#1f6a7f rgb(31,106,127)
```
#23788f
```
#23788f rgb(35,120,143)
```
#27859f
```
#27859f rgb(39,133,159)
```
#2b92ae
```
#2b92ae rgb(43,146,174)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```

Shade Color Variation

#34accd
```
#34accd rgb(52,172,205)
```
#44b2d1
```
#44b2d1 rgb(68,178,209)
```
#53b9d5
```
#53b9d5 rgb(83,185,213)
```
#63bfd8
```
#63bfd8 rgb(99,191,216)
```
#73c5dc
```
#73c5dc rgb(115,197,220)
```
#82cce0
```
#82cce0 rgb(130,204,224)
```
#92d2e4
```
#92d2e4 rgb(146,210,228)
```
#a2d9e8
```
#a2d9e8 rgb(162,217,232)
```
#b2dfec
```
#b2dfec rgb(178,223,236)
```
#c1e6f0
```
#c1e6f0 rgb(193,230,240)
```
#d1ecf4
```
#d1ecf4 rgb(209,236,244)
```
#e1f3f8
```
#e1f3f8 rgb(225,243,248)
```
#f1f9fb
```
#f1f9fb rgb(241,249,251)
```

Tint Color Variation

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

#6f7b7e
```
#6f7b7e rgb(111,123,126)
```
#668087
```
#668087 rgb(102,128,135)
```
#5d8590
```
#5d8590 rgb(93,133,144)
```
#538a9a
```
#538a9a rgb(83,138,154)
```
#4a90a3
```
#4a90a3 rgb(74,144,163)
```
#4195ac
```
#4195ac rgb(65,149,172)
```
#389ab5
```
#389ab5 rgb(56,154,181)
```
#2f9fbe
```
#2f9fbe rgb(47,159,190)
```
#26a4c7
```
#26a4c7 rgb(38,164,199)
```
#1da9d0
```
#1da9d0 rgb(29,169,208)
```
#14aed9
```
#14aed9 rgb(20,174,217)
```
#0bb4e2
```
#0bb4e2 rgb(11,180,226)
```
#01b9ec
```
#01b9ec rgb(1,185,236)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#71878d Atypical Achromatopsia 0.001% of the population

Dichromacy

#9097b9 Protanopia 1% of men
#8b96c6 Deuteranopia 1% of men
#29a6b2 Tritanopia 0.001% of the population

Trichromacy

#6c99ba Protanomaly 1% of men, 0.01% of women
#6999c3 Deuteranomaly 6% of men, 0.4% of women
#2ba3b6 Tritanomaly 0.01% of the population

#2f9fbe hex color

#2f9fbe Color Information

#2f9fbe Color Conversion

Color Schemes with #2f9fbe

Alternatives to #2f9fbe

#2f9fbe Preview

Shades and Tints of #2f9fbe

Tones of #2f9fbe

Color Blindness Simulator