#2f9af6 hex color

In a RGB color space, hex #2f9af6 is composed of 18.4% red, 60.4% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 37.4% magenta, 0% yellow and 3.5% black. It has a hue angle of 207.7 degrees, a saturation of 91.7% and a lightness of 57.5%. #2f9af6 color hex could be obtained by blending #5effff with #0035ed. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 60
- B 96
RGB color chart
- C 81
- M 37
- Y 0
- K 4
CMYK color chart

● #2f9af6 color description : Bright blue.

The hexadecimal color #2f9af6 has RGB values of R:47, G:154, B:246 and CMYK values of C:0.81, M:0.37, Y:0, K:0.04. Its decimal value is 3119862.

Hex triplet	2f9af6	`#2f9af6`
RGB Decimal	47, 154, 246	`rgb(47,154,246)`
RGB Percent	18.4, 60.4, 96.5	`rgb(18.4%,60.4%,96.5%)`
CMYK	81, 37, 0, 4
HSL	207.7°, 91.7, 57.5	`hsl(207.7,91.7%,57.5%)`
HSV (or HSB)	207.7°, 80.9, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	61.969, 1.913, -54.302
XYZ	29.359, 30.367, 91.498
xyY	0.194, 0.201, 30.367
CIE-LCH	61.969, 54.336, 272.018
CIE-LUV	61.969, -34.794, -87.346
Hunter-Lab	55.106, -1.337, -59.87
Binary	00101111, 10011010, 11110110

#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#f68b2f
```
#f68b2f rgb(246,139,47)
```

Complementary Color

#2ff6ef
```
#2ff6ef rgb(47,246,239)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#2f37f6
```
#2f37f6 rgb(47,55,246)
```

Analogous Color

#f6ef2f
```
#f6ef2f rgb(246,239,47)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#f62f37
```
#f62f37 rgb(246,47,55)
```

Split Complementary Color

#9af62f
```
#9af62f rgb(154,246,47)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#f62f9a
```
#f62f9a rgb(246,47,154)
```

Triadic Color

#2ff68b
```
#2ff68b rgb(47,246,139)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#f62f9a
```
#f62f9a rgb(246,47,154)
```
#f68b2f
```
#f68b2f rgb(246,139,47)
```

Tetradic Color

#0974d0
```
#0974d0 rgb(9,116,208)
```
#0a81e8
```
#0a81e8 rgb(10,129,232)
```
#178ef5
```
#178ef5 rgb(23,142,245)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#47a6f7
```
#47a6f7 rgb(71,166,247)
```
#60b2f8
```
#60b2f8 rgb(96,178,248)
```
#78bef9
```
#78bef9 rgb(120,190,249)
```

Monochromatic Color

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

#2fccf6
```
#2fccf6 rgb(47,204,246)
```
#2fbbf6
```
#2fbbf6 rgb(47,187,246)
```
#2fabf6
```
#2fabf6 rgb(47,171,246)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#2f89f6
```
#2f89f6 rgb(47,137,246)
```
#2f79f6
```
#2f79f6 rgb(47,121,246)
```
#2f68f6
```
#2f68f6 rgb(47,104,246)
```

Similar Colors

Text with hexadecimal color #2f9af6

This text has a font color of #2f9af6.

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

#2f9af6 background color

This paragraph has a background color of #2f9af6.

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

#2f9af6 border color

This element has a border color of #2f9af6.

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

CSS codes

.text {color:#2f9af6;}

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

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

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, #010a12 is the darkest color, while #fefeff is the lightest one.

#010a12
```
#010a12 rgb(1,10,18)
```
#021424
```
#021424 rgb(2,20,36)
```
#021f37
```
#021f37 rgb(2,31,55)
```
#03294a
```
#03294a rgb(3,41,74)
```
#04345d
```
#04345d rgb(4,52,93)
```
#053e70
```
#053e70 rgb(5,62,112)
```
#064982
```
#064982 rgb(6,73,130)
```
#065395
```
#065395 rgb(6,83,149)
```
#075ea8
```
#075ea8 rgb(7,94,168)
```
#0868bb
```
#0868bb rgb(8,104,187)
```
#0973ce
```
#0973ce rgb(9,115,206)
```
#0a7de0
```
#0a7de0 rgb(10,125,224)
```
#0b88f3
```
#0b88f3 rgb(11,136,243)
```

Shade Color Variation

#1c91f5
```
#1c91f5 rgb(28,145,245)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#42a3f7
```
#42a3f7 rgb(66,163,247)
```
#55acf8
```
#55acf8 rgb(85,172,248)
```
#67b5f8
```
#67b5f8 rgb(103,181,248)
```
#7abff9
```
#7abff9 rgb(122,191,249)
```
#8dc8fa
```
#8dc8fa rgb(141,200,250)
```
#a0d1fb
```
#a0d1fb rgb(160,209,251)
```
#b3dafc
```
#b3dafc rgb(179,218,252)
```
#c5e3fd
```
#c5e3fd rgb(197,227,253)
```
#d8ecfd
```
#d8ecfd rgb(216,236,253)
```
#ebf5fe
```
#ebf5fe rgb(235,245,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8b939a is the less saturated color, while #279bfe is the most saturated one.

#8b939a
```
#8b939a rgb(139,147,154)
```
#8294a3
```
#8294a3 rgb(130,148,163)
```
#7a94ab
```
#7a94ab rgb(122,148,171)
```
#7295b3
```
#7295b3 rgb(114,149,179)
```
#6996bc
```
#6996bc rgb(105,150,188)
```
#6196c4
```
#6196c4 rgb(97,150,196)
```
#5997cc
```
#5997cc rgb(89,151,204)
```
#5097d5
```
#5097d5 rgb(80,151,213)
```
#4898dd
```
#4898dd rgb(72,152,221)
```
#4099e5
```
#4099e5 rgb(64,153,229)
```
#3799ee
```
#3799ee rgb(55,153,238)
```
#2f9af6
```
#2f9af6 rgb(47,154,246)
```
#279bfe
```
#279bfe rgb(39,155,254)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#73889b Atypical Achromatopsia 0.001% of the population

Dichromacy

#7598f0 Protanopia 1% of men
#549cf7 Deuteranopia 1% of men
#00aab5 Tritanopia 0.001% of the population

Trichromacy

#5b98f2 Protanomaly 1% of men, 0.01% of women
#479bf7 Deuteranomaly 6% of men, 0.4% of women
#11a4cc Tritanomaly 0.01% of the population

#2f9af6 hex color

#2f9af6 Color Information

#2f9af6 Color Conversion

Color Schemes with #2f9af6

Alternatives to #2f9af6

#2f9af6 Preview

Shades and Tints of #2f9af6

Tones of #2f9af6

Color Blindness Simulator