colorhexa.com

#2f9ef6 hex color

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

- R 18
- G 62
- B 96
RGB color chart
- C 81
- M 36
- Y 0
- K 4
CMYK color chart

● #2f9ef6 color description : Bright blue.

The hexadecimal color #2f9ef6 has RGB values of R:47, G:158, B:246 and CMYK values of C:0.81, M:0.36, Y:0, K:0.04. Its decimal value is 3120886.

Hex triplet	2f9ef6	`#2f9ef6`
RGB Decimal	47, 158, 246	`rgb(47,158,246)`
RGB Percent	18.4, 62, 96.5	`rgb(18.4%,62%,96.5%)`
CMYK	81, 36, 0, 4
HSL	206.5°, 91.7, 57.5	`hsl(206.5,91.7%,57.5%)`
HSV (or HSB)	206.5°, 80.9, 96.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.102, -0.411, -52.504
XYZ	30.03, 31.709, 91.722
xyY	0.196, 0.207, 31.709
CIE-LCH	63.102, 52.505, 269.551
CIE-LUV	63.102, -36.099, -84.371
Hunter-Lab	56.311, -3.353, -57.156
Binary	00101111, 10011110, 11110110

#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#f6872f
```
#f6872f rgb(246,135,47)
```

Complementary Color

#2ff6eb
```
#2ff6eb rgb(47,246,235)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#2f3bf6
```
#2f3bf6 rgb(47,59,246)
```

Analogous Color

#f6eb2f
```
#f6eb2f rgb(246,235,47)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#f62f3b
```
#f62f3b rgb(246,47,59)
```

Split Complementary Color

#9ef62f
```
#9ef62f rgb(158,246,47)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#f62f9e
```
#f62f9e rgb(246,47,158)
```

Triadic Color

#2ff687
```
#2ff687 rgb(47,246,135)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#f62f9e
```
#f62f9e rgb(246,47,158)
```
#f6872f
```
#f6872f rgb(246,135,47)
```

Tetradic Color

#0978d0
```
#0978d0 rgb(9,120,208)
```
#0a86e8
```
#0a86e8 rgb(10,134,232)
```
#1793f5
```
#1793f5 rgb(23,147,245)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#47a9f7
```
#47a9f7 rgb(71,169,247)
```
#60b5f8
```
#60b5f8 rgb(96,181,248)
```
#78c0f9
```
#78c0f9 rgb(120,192,249)
```

Monochromatic Color

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

#2fd0f6
```
#2fd0f6 rgb(47,208,246)
```
#2fbff6
```
#2fbff6 rgb(47,191,246)
```
#2faff6
```
#2faff6 rgb(47,175,246)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#2f8df6
```
#2f8df6 rgb(47,141,246)
```
#2f7df6
```
#2f7df6 rgb(47,125,246)
```
#2f6cf6
```
#2f6cf6 rgb(47,108,246)
```

Similar Colors

Text with hexadecimal color #2f9ef6

This text has a font color of #2f9ef6.

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

#2f9ef6 background color

This paragraph has a background color of #2f9ef6.

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

#2f9ef6 border color

This element has a border color of #2f9ef6.

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

CSS codes

.text {color:#2f9ef6;}

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

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

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)
```
#021524
```
#021524 rgb(2,21,36)
```
#022037
```
#022037 rgb(2,32,55)
```
#032b4a
```
#032b4a rgb(3,43,74)
```
#04365d
```
#04365d rgb(4,54,93)
```
#054070
```
#054070 rgb(5,64,112)
```
#064b82
```
#064b82 rgb(6,75,130)
```
#065695
```
#065695 rgb(6,86,149)
```
#0761a8
```
#0761a8 rgb(7,97,168)
```
#086cbb
```
#086cbb rgb(8,108,187)
```
#0977ce
```
#0977ce rgb(9,119,206)
```
#0a81e0
```
#0a81e0 rgb(10,129,224)
```
#0b8cf3
```
#0b8cf3 rgb(11,140,243)
```

Shade Color Variation

#1c95f5
```
#1c95f5 rgb(28,149,245)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#42a7f7
```
#42a7f7 rgb(66,167,247)
```
#55b0f8
```
#55b0f8 rgb(85,176,248)
```
#67b8f8
```
#67b8f8 rgb(103,184,248)
```
#7ac1f9
```
#7ac1f9 rgb(122,193,249)
```
#8dcafa
```
#8dcafa rgb(141,202,250)
```
#a0d3fb
```
#a0d3fb rgb(160,211,251)
```
#b3dbfc
```
#b3dbfc rgb(179,219,252)
```
#c5e4fd
```
#c5e4fd rgb(197,228,253)
```
#d8edfd
```
#d8edfd rgb(216,237,253)
```
#ebf6fe
```
#ebf6fe rgb(235,246,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 #279ffe is the most saturated one.

#8b939a
```
#8b939a rgb(139,147,154)
```
#8294a3
```
#8294a3 rgb(130,148,163)
```
#7a95ab
```
#7a95ab rgb(122,149,171)
```
#7296b3
```
#7296b3 rgb(114,150,179)
```
#6997bc
```
#6997bc rgb(105,151,188)
```
#6198c4
```
#6198c4 rgb(97,152,196)
```
#5999cc
```
#5999cc rgb(89,153,204)
```
#509ad5
```
#509ad5 rgb(80,154,213)
```
#489bdd
```
#489bdd rgb(72,155,221)
```
#409ce5
```
#409ce5 rgb(64,156,229)
```
#379dee
```
#379dee rgb(55,157,238)
```
#2f9ef6
```
#2f9ef6 rgb(47,158,246)
```
#279ffe
```
#279ffe rgb(39,159,254)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#758c9d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b9bf0 Protanopia 1% of men
#5e9ef8 Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#5f9cf2 Protanomaly 1% of men, 0.01% of women
#4d9ef7 Deuteranomaly 6% of men, 0.4% of women
#11a7cf Tritanomaly 0.01% of the population