#2f3afe hex color

In a RGB color space, hex #2f3afe is composed of 18.4% red, 22.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 81.5% cyan, 77.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 236.8 degrees, a saturation of 99% and a lightness of 59%. #2f3afe color hex could be obtained by blending #5e74ff with #0000fd. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 18
- G 23
- B 100
RGB color chart
- C 81
- M 77
- Y 0
- K 0
CMYK color chart

● #2f3afe color description : Bright blue.

The hexadecimal color #2f3afe has RGB values of R:47, G:58, B:254 and CMYK values of C:0.81, M:0.77, Y:0, K:0. Its decimal value is 3095294.

Hex triplet	2f3afe	`#2f3afe`
RGB Decimal	47, 58, 254	`rgb(47,58,254)`
RGB Percent	18.4, 22.7, 99.6	`rgb(18.4%,22.7%,99.6%)`
CMYK	81, 77, 0, 0
HSL	236.8°, 99, 59	`hsl(236.8,99%,59%)`
HSV (or HSB)	236.8°, 81.5, 99.6
Web Safe	3333ff	`#3333ff`

CIE-LAB	39.216, 62.201, -95.749
XYZ	20.571, 10.785, 94.758
xyY	0.163, 0.086, 10.785
CIE-LCH	39.216, 114.179, 303.009
CIE-LUV	39.216, -10.959, -132.713
Hunter-Lab	32.84, 54.343, -148.089
Binary	00101111, 00111010, 11111110

#2f3afe
```
#2f3afe rgb(47,58,254)
```
#fef32f
```
#fef32f rgb(254,243,47)
```

Complementary Color

#2fa2fe
```
#2fa2fe rgb(47,162,254)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#8c2ffe
```
#8c2ffe rgb(140,47,254)
```

Analogous Color

#a2fe2f
```
#a2fe2f rgb(162,254,47)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#fe8c2f
```
#fe8c2f rgb(254,140,47)
```

Split Complementary Color

#3afe2f
```
#3afe2f rgb(58,254,47)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#fe2f3a
```
#fe2f3a rgb(254,47,58)
```

Triadic Color

#2ffef3
```
#2ffef3 rgb(47,254,243)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#fe2f3a
```
#fe2f3a rgb(254,47,58)
```
#fef32f
```
#fef32f rgb(254,243,47)
```

Tetradic Color

#010ddf
```
#010ddf rgb(1,13,223)
```
#010ef9
```
#010ef9 rgb(1,14,249)
```
#1622fe
```
#1622fe rgb(22,34,254)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#4852fe
```
#4852fe rgb(72,82,254)
```
#626afe
```
#626afe rgb(98,106,254)
```
#7b82fe
```
#7b82fe rgb(123,130,254)
```

Monochromatic Color

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

#2f6efe
```
#2f6efe rgb(47,110,254)
```
#2f5cfe
```
#2f5cfe rgb(47,92,254)
```
#2f4bfe
```
#2f4bfe rgb(47,75,254)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#352ffe
```
#352ffe rgb(53,47,254)
```
#472ffe
```
#472ffe rgb(71,47,254)
```
#582ffe
```
#582ffe rgb(88,47,254)
```

Similar Colors

Text with hexadecimal color #2f3afe

This text has a font color of #2f3afe.

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

#2f3afe background color

This paragraph has a background color of #2f3afe.

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

#2f3afe border color

This element has a border color of #2f3afe.

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

CSS codes

.text {color:#2f3afe;}

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

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

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

#000007
```
#000007 rgb(0,0,7)
```
#00021a
```
#00021a rgb(0,2,26)
```
#00032e
```
#00032e rgb(0,3,46)
```
#000441
```
#000441 rgb(0,4,65)
```
#000555
```
#000555 rgb(0,5,85)
```
#010668
```
#010668 rgb(1,6,104)
```
#01077c
```
#01077c rgb(1,7,124)
```
#01088f
```
#01088f rgb(1,8,143)
```
#0109a3
```
#0109a3 rgb(1,9,163)
```
#010bb6
```
#010bb6 rgb(1,11,182)
```
#010cca
```
#010cca rgb(1,12,202)
```
#010ddd
```
#010ddd rgb(1,13,221)
```
#010ef1
```
#010ef1 rgb(1,14,241)
```

Shade Color Variation

#0815fe
```
#0815fe rgb(8,21,254)
```
#1b28fe
```
#1b28fe rgb(27,40,254)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```
#434cfe
```
#434cfe rgb(67,76,254)
```
#565ffe
```
#565ffe rgb(86,95,254)
```
#6a71fe
```
#6a71fe rgb(106,113,254)
```
#7d84fe
```
#7d84fe rgb(125,132,254)
```
#9196fe
```
#9196fe rgb(145,150,254)
```
#a4a9ff
```
#a4a9ff rgb(164,169,255)
```
#b8bbff
```
#b8bbff rgb(184,187,255)
```
#cbceff
```
#cbceff rgb(203,206,255)
```
#dfe0ff
```
#dfe0ff rgb(223,224,255)
```
#f2f3ff
```
#f2f3ff rgb(242,243,255)
```

Tint Color Variation

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

#8f909e
```
#8f909e rgb(143,144,158)
```
#8789a6
```
#8789a6 rgb(135,137,166)
```
#7f82ae
```
#7f82ae rgb(127,130,174)
```
#777bb6
```
#777bb6 rgb(119,123,182)
```
#6f73be
```
#6f73be rgb(111,115,190)
```
#676cc6
```
#676cc6 rgb(103,108,198)
```
#5f65ce
```
#5f65ce rgb(95,101,206)
```
#575ed6
```
#575ed6 rgb(87,94,214)
```
#4f57de
```
#4f57de rgb(79,87,222)
```
#4750e6
```
#4750e6 rgb(71,80,230)
```
#3f48ee
```
#3f48ee rgb(63,72,238)
```
#3741f6
```
#3741f6 rgb(55,65,246)
```
#2f3afe
```
#2f3afe rgb(47,58,254)
```

Tone Color Variation

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

#4d4d4d Achromatopsia 0.005% of the population
#474970 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0062be Protanopia 1% of men
#0067a4 Deuteranopia 1% of men
#006e73 Tritanopia 0.001% of the population

Trichromacy

#1153d5 Protanomaly 1% of men, 0.01% of women
#1157c5 Deuteranomaly 6% of men, 0.4% of women
#115ba6 Tritanomaly 0.01% of the population

#2f3afe hex color

#2f3afe Color Information

#2f3afe Color Conversion

Color Schemes with #2f3afe

Alternatives to #2f3afe

#2f3afe Preview

Shades and Tints of #2f3afe

Tones of #2f3afe

Color Blindness Simulator