#2f8ae3 hex color

In a RGB color space, hex #2f8ae3 is composed of 18.4% red, 54.1% green and 89% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 39.2% magenta, 0% yellow and 11% black. It has a hue angle of 209.7 degrees, a saturation of 76.3% and a lightness of 53.7%. #2f8ae3 color hex could be obtained by blending #5effff with #0015c7. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 18
- G 54
- B 89
RGB color chart
- C 79
- M 39
- Y 0
- K 11
CMYK color chart

● #2f8ae3 color description : Bright blue.

The hexadecimal color #2f8ae3 has RGB values of R:47, G:138, B:227 and CMYK values of C:0.79, M:0.39, Y:0, K:0.11. Its decimal value is 3115747.

Hex triplet	2f8ae3	`#2f8ae3`
RGB Decimal	47, 138, 227	`rgb(47,138,227)`
RGB Percent	18.4, 54.1, 89	`rgb(18.4%,54.1%,89%)`
CMYK	79, 39, 0, 11
HSL	209.7°, 76.3, 53.7	`hsl(209.7,76.3%,53.7%)`
HSV (or HSB)	209.7°, 79.3, 89
Web Safe	3399cc	`#3399cc`

CIE-LAB	56.412, 4.446, -52.635
XYZ	24.123, 24.325, 76.093
xyY	0.194, 0.195, 24.325
CIE-LCH	56.412, 52.822, 274.828
CIE-LUV	56.412, -30.452, -83.362
Hunter-Lab	49.321, 0.993, -56.949
Binary	00101111, 10001010, 11100011

#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#e3882f
```
#e3882f rgb(227,136,47)
```

Complementary Color

#2fe3e2
```
#2fe3e2 rgb(47,227,226)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#2f30e3
```
#2f30e3 rgb(47,48,227)
```

Analogous Color

#e3e22f
```
#e3e22f rgb(227,226,47)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#e32f30
```
#e32f30 rgb(227,47,48)
```

Split Complementary Color

#8ae32f
```
#8ae32f rgb(138,227,47)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#e32f8a
```
#e32f8a rgb(227,47,138)
```

Triadic Color

#2fe388
```
#2fe388 rgb(47,227,136)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#e32f8a
```
#e32f8a rgb(227,47,138)
```
#e3882f
```
#e3882f rgb(227,136,47)
```

Tetradic Color

#1764ae
```
#1764ae rgb(23,100,174)
```
#1a70c5
```
#1a70c5 rgb(26,112,197)
```
#1d7ddb
```
#1d7ddb rgb(29,125,219)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#4597e6
```
#4597e6 rgb(69,151,230)
```
#5ca3e9
```
#5ca3e9 rgb(92,163,233)
```
#72b0ec
```
#72b0ec rgb(114,176,236)
```

Monochromatic Color

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

#2fb7e3
```
#2fb7e3 rgb(47,183,227)
```
#2fa8e3
```
#2fa8e3 rgb(47,168,227)
```
#2f99e3
```
#2f99e3 rgb(47,153,227)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#2f7be3
```
#2f7be3 rgb(47,123,227)
```
#2f6ce3
```
#2f6ce3 rgb(47,108,227)
```
#2f5de3
```
#2f5de3 rgb(47,93,227)
```

Similar Colors

Text with hexadecimal color #2f8ae3

This text has a font color of #2f8ae3.

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

#2f8ae3 background color

This paragraph has a background color of #2f8ae3.

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

#2f8ae3 border color

This element has a border color of #2f8ae3.

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

CSS codes

.text {color:#2f8ae3;}

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

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

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, #020a11 is the darkest color, while #feffff is the lightest one.

#020a11
```
#020a11 rgb(2,10,17)
```
#051322
```
#051322 rgb(5,19,34)
```
#071d33
```
#071d33 rgb(7,29,51)
```
#092745
```
#092745 rgb(9,39,69)
```
#0c3156
```
#0c3156 rgb(12,49,86)
```
#0e3b67
```
#0e3b67 rgb(14,59,103)
```
#104578
```
#104578 rgb(16,69,120)
```
#134f8a
```
#134f8a rgb(19,79,138)
```
#15599b
```
#15599b rgb(21,89,155)
```
#1763ac
```
#1763ac rgb(23,99,172)
```
#1a6cbe
```
#1a6cbe rgb(26,108,190)
```
#1c76cf
```
#1c76cf rgb(28,118,207)
```
#1e80e0
```
#1e80e0 rgb(30,128,224)
```

Shade Color Variation

#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#4094e5
```
#4094e5 rgb(64,148,229)
```
#529de8
```
#529de8 rgb(82,157,232)
```
#63a7ea
```
#63a7ea rgb(99,167,234)
```
#74b1ec
```
#74b1ec rgb(116,177,236)
```
#85bbef
```
#85bbef rgb(133,187,239)
```
#97c4f1
```
#97c4f1 rgb(151,196,241)
```
#a8cef3
```
#a8cef3 rgb(168,206,243)
```
#b9d8f6
```
#b9d8f6 rgb(185,216,246)
```
#cbe2f8
```
#cbe2f8 rgb(203,226,248)
```
#dcebfa
```
#dcebfa rgb(220,235,250)
```
#edf5fd
```
#edf5fd rgb(237,245,253)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #818991 is the less saturated color, while #148afe is the most saturated one.

#818991
```
#818991 rgb(129,137,145)
```
#78899a
```
#78899a rgb(120,137,154)
```
#6f89a3
```
#6f89a3 rgb(111,137,163)
```
#6589ad
```
#6589ad rgb(101,137,173)
```
#5c89b6
```
#5c89b6 rgb(92,137,182)
```
#538abf
```
#538abf rgb(83,138,191)
```
#4a8ac8
```
#4a8ac8 rgb(74,138,200)
```
#418ad1
```
#418ad1 rgb(65,138,209)
```
#388ada
```
#388ada rgb(56,138,218)
```
#2f8ae3
```
#2f8ae3 rgb(47,138,227)
```
#268aec
```
#268aec rgb(38,138,236)
```
#1d8af5
```
#1d8af5 rgb(29,138,245)
```
#148afe
```
#148afe rgb(20,138,254)
```

Tone Color Variation

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

#797979 Achromatopsia 0.005% of the population
#6a7c8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#678ae0 Protanopia 1% of men
#458ee5 Deuteranopia 1% of men
#009ba5 Tritanopia 0.001% of the population

Trichromacy

#528ae1 Protanomaly 1% of men, 0.01% of women
#3d8de4 Deuteranomaly 6% of men, 0.4% of women
#1195bb Tritanomaly 0.01% of the population

#2f8ae3 hex color

#2f8ae3 Color Information

#2f8ae3 Color Conversion

Color Schemes with #2f8ae3

Alternatives to #2f8ae3

#2f8ae3 Preview

Shades and Tints of #2f8ae3

Tones of #2f8ae3

Color Blindness Simulator