colorhexa.com

#2f6aef hex color

In a RGB color space, hex #2f6aef is composed of 18.4% red, 41.6% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 55.6% magenta, 0% yellow and 6.3% black. It has a hue angle of 221.6 degrees, a saturation of 85.7% and a lightness of 56.1%. #2f6aef color hex could be obtained by blending #5ed4ff with #0000df. Closest websafe color is: #3366ff.

- R 18
- G 42
- B 94
RGB color chart
- C 80
- M 56
- Y 0
- K 6
CMYK color chart

● #2f6aef color description : Bright blue.

The hexadecimal color #2f6aef has RGB values of R:47, G:106, B:239 and CMYK values of C:0.8, M:0.56, Y:0, K:0.06. Its decimal value is 3107567.

Hex triplet	2f6aef	`#2f6aef`
RGB Decimal	47, 106, 239	`rgb(47,106,239)`
RGB Percent	18.4, 41.6, 93.7	`rgb(18.4%,41.6%,93.7%)`
CMYK	80, 56, 0, 6
HSL	221.6°, 85.7, 56.1	`hsl(221.6,85.7%,56.1%)`
HSV (or HSB)	221.6°, 80.3, 93.7
Web Safe	3366ff	`#3366ff`

CIE-LAB	48.439, 28.787, -72.19
XYZ	21.903, 17.143, 83.811
xyY	0.178, 0.14, 17.143
CIE-LCH	48.439, 77.718, 291.741
CIE-LUV	48.439, -20.581, -111.771
Hunter-Lab	41.404, 21.972, -91.035
Binary	00101111, 01101010, 11101111

#2f6aef
```
#2f6aef rgb(47,106,239)
```
#efb42f
```
#efb42f rgb(239,180,47)
```

Complementary Color

#2fcaef
```
#2fcaef rgb(47,202,239)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#542fef
```
#542fef rgb(84,47,239)
```

Analogous Color

#caef2f
```
#caef2f rgb(202,239,47)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#ef542f
```
#ef542f rgb(239,84,47)
```

Split Complementary Color

#6aef2f
```
#6aef2f rgb(106,239,47)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#ef2f6a
```
#ef2f6a rgb(239,47,106)
```

Triadic Color

#2fefb4
```
#2fefb4 rgb(47,239,180)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#ef2f6a
```
#ef2f6a rgb(239,47,106)
```
#efb42f
```
#efb42f rgb(239,180,47)
```

Tetradic Color

#0f46c3
```
#0f46c3 rgb(15,70,195)
```
#114fda
```
#114fda rgb(17,79,218)
```
#1759ed
```
#1759ed rgb(23,89,237)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#477bf1
```
#477bf1 rgb(71,123,241)
```
#5e8cf3
```
#5e8cf3 rgb(94,140,243)
```
#769df4
```
#769df4 rgb(118,157,244)
```

Monochromatic Color

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

#2f9aef
```
#2f9aef rgb(47,154,239)
```
#2f8aef
```
#2f8aef rgb(47,138,239)
```
#2f7aef
```
#2f7aef rgb(47,122,239)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#2f5aef
```
#2f5aef rgb(47,90,239)
```
#2f4aef
```
#2f4aef rgb(47,74,239)
```
#2f3aef
```
#2f3aef rgb(47,58,239)
```

Similar Colors

Text with hexadecimal color #2f6aef

This text has a font color of #2f6aef.

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

#2f6aef background color

This paragraph has a background color of #2f6aef.

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

#2f6aef border color

This element has a border color of #2f6aef.

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

CSS codes

.text {color:#2f6aef;}

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

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

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, #01040b is the darkest color, while #f7fafe is the lightest one.

#01040b
```
#01040b rgb(1,4,11)
```
#020a1d
```
#020a1d rgb(2,10,29)
```
#04112f
```
#04112f rgb(4,17,47)
```
#051841
```
#051841 rgb(5,24,65)
```
#061e53
```
#061e53 rgb(6,30,83)
```
#082566
```
#082566 rgb(8,37,102)
```
#092b78
```
#092b78 rgb(9,43,120)
```
#0b328a
```
#0b328a rgb(11,50,138)
```
#0c389c
```
#0c389c rgb(12,56,156)
```
#0d3faf
```
#0d3faf rgb(13,63,175)
```
#0f45c1
```
#0f45c1 rgb(15,69,193)
```
#104cd3
```
#104cd3 rgb(16,76,211)
```
#1253e5
```
#1253e5 rgb(18,83,229)
```

Shade Color Variation

#1d5dee
```
#1d5dee rgb(29,93,238)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#4177f0
```
#4177f0 rgb(65,119,240)
```
#5384f2
```
#5384f2 rgb(83,132,242)
```
#6691f3
```
#6691f3 rgb(102,145,243)
```
#789ef5
```
#789ef5 rgb(120,158,245)
```
#8aabf6
```
#8aabf6 rgb(138,171,246)
```
#9cb8f7
```
#9cb8f7 rgb(156,184,247)
```
#afc5f9
```
#afc5f9 rgb(175,197,249)
```
#c1d2fa
```
#c1d2fa rgb(193,210,250)
```
#d3dffc
```
#d3dffc rgb(211,223,252)
```
#e5ecfd
```
#e5ecfd rgb(229,236,253)
```
#f7fafe
```
#f7fafe rgb(247,250,254)
```

Tint Color Variation

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

#8e8f90
```
#8e8f90 rgb(142,143,144)
```
#858b99
```
#858b99 rgb(133,139,153)
```
#7d88a1
```
#7d88a1 rgb(125,136,161)
```
#7485aa
```
#7485aa rgb(116,133,170)
```
#6b81b3
```
#6b81b3 rgb(107,129,179)
```
#637ebb
```
#637ebb rgb(99,126,187)
```
#5a7bc4
```
#5a7bc4 rgb(90,123,196)
```
#5177cd
```
#5177cd rgb(81,119,205)
```
#4974d5
```
#4974d5 rgb(73,116,213)
```
#4071de
```
#4071de rgb(64,113,222)
```
#386de6
```
#386de6 rgb(56,109,230)
```
#2f6aef
```
#2f6aef rgb(47,106,239)
```
#2667f8
```
#2667f8 rgb(38,103,248)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#5d6883 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0076e8 Protanopia 1% of men
#007dcb Deuteranopia 1% of men
#00868e Tritanopia 0.001% of the population

Trichromacy

#1171ea Protanomaly 1% of men, 0.01% of women
#1176d8 Deuteranomaly 6% of men, 0.4% of women
#117cb1 Tritanomaly 0.01% of the population