#2f8fec hex color

In a RGB color space, hex #2f8fec is composed of 18.4% red, 56.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 39.4% magenta, 0% yellow and 7.5% black. It has a hue angle of 209.5 degrees, a saturation of 83.3% and a lightness of 55.5%. #2f8fec color hex could be obtained by blending #5effff with #001fd9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 56
- B 93
RGB color chart
- C 80
- M 39
- Y 0
- K 7
CMYK color chart

● #2f8fec color description : Bright blue.

The hexadecimal color #2f8fec has RGB values of R:47, G:143, B:236 and CMYK values of C:0.8, M:0.39, Y:0, K:0.07. Its decimal value is 3117036.

Hex triplet	2f8fec	`#2f8fec`
RGB Decimal	47, 143, 236	`rgb(47,143,236)`
RGB Percent	18.4, 56.1, 92.5	`rgb(18.4%,56.1%,92.5%)`
CMYK	80, 39, 0, 7
HSL	209.5°, 83.3, 55.5	`hsl(209.5,83.3%,55.5%)`
HSV (or HSB)	209.5°, 80.1, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.324, 4.761, -54.593
XYZ	26.132, 26.303, 83.052
xyY	0.193, 0.194, 26.303
CIE-LCH	58.324, 54.8, 274.984
CIE-LUV	58.324, -31.687, -87.136
Hunter-Lab	51.287, 1.198, -60.112
Binary	00101111, 10001111, 11101100

#2f8fec
```
#2f8fec rgb(47,143,236)
```
#ec8c2f
```
#ec8c2f rgb(236,140,47)
```

Complementary Color

#2feceb
```
#2feceb rgb(47,236,235)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#2f31ec
```
#2f31ec rgb(47,49,236)
```

Analogous Color

#eceb2f
```
#eceb2f rgb(236,235,47)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#ec2f31
```
#ec2f31 rgb(236,47,49)
```

Split Complementary Color

#8fec2f
```
#8fec2f rgb(143,236,47)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#ec2f8f
```
#ec2f8f rgb(236,47,143)
```

Triadic Color

#2fec8c
```
#2fec8c rgb(47,236,140)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#ec2f8f
```
#ec2f8f rgb(236,47,143)
```
#ec8c2f
```
#ec8c2f rgb(236,140,47)
```

Tetradic Color

#1169bd
```
#1169bd rgb(17,105,189)
```
#1376d5
```
#1376d5 rgb(19,118,213)
```
#1882ea
```
#1882ea rgb(24,130,234)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#469cee
```
#469cee rgb(70,156,238)
```
#5ea8f0
```
#5ea8f0 rgb(94,168,240)
```
#75b5f2
```
#75b5f2 rgb(117,181,242)
```

Monochromatic Color

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

#2fbeec
```
#2fbeec rgb(47,190,236)
```
#2fafec
```
#2fafec rgb(47,175,236)
```
#2f9fec
```
#2f9fec rgb(47,159,236)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#2f7fec
```
#2f7fec rgb(47,127,236)
```
#2f70ec
```
#2f70ec rgb(47,112,236)
```
#2f60ec
```
#2f60ec rgb(47,96,236)
```

Similar Colors

Text with hexadecimal color #2f8fec

This text has a font color of #2f8fec.

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

#2f8fec background color

This paragraph has a background color of #2f8fec.

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

#2f8fec border color

This element has a border color of #2f8fec.

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

CSS codes

.text {color:#2f8fec;}

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

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

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

#010408
```
#010408 rgb(1,4,8)
```
#020e1a
```
#020e1a rgb(2,14,26)
```
#04182c
```
#04182c rgb(4,24,44)
```
#06223e
```
#06223e rgb(6,34,62)
```
#072c50
```
#072c50 rgb(7,44,80)
```
#093662
```
#093662 rgb(9,54,98)
```
#0b4074
```
#0b4074 rgb(11,64,116)
```
#0c4a85
```
#0c4a85 rgb(12,74,133)
```
#0e5497
```
#0e5497 rgb(14,84,151)
```
#0f5ea9
```
#0f5ea9 rgb(15,94,169)
```
#1168bb
```
#1168bb rgb(17,104,187)
```
#1372cd
```
#1372cd rgb(19,114,205)
```
#147bdf
```
#147bdf rgb(20,123,223)
```

Shade Color Variation

#1d85ea
```
#1d85ea rgb(29,133,234)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#4199ee
```
#4199ee rgb(65,153,238)
```
#53a2ef
```
#53a2ef rgb(83,162,239)
```
#65acf1
```
#65acf1 rgb(101,172,241)
```
#77b6f3
```
#77b6f3 rgb(119,182,243)
```
#89bff4
```
#89bff4 rgb(137,191,244)
```
#9bc9f6
```
#9bc9f6 rgb(155,201,246)
```
#add3f7
```
#add3f7 rgb(173,211,247)
```
#bfdcf9
```
#bfdcf9 rgb(191,220,249)
```
#d1e6fb
```
#d1e6fb rgb(209,230,251)
```
#e3f0fc
```
#e3f0fc rgb(227,240,252)
```
#f5f9fe
```
#f5f9fe rgb(245,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #868e95 is the less saturated color, while #1e8ffd is the most saturated one.

#868e95
```
#868e95 rgb(134,142,149)
```
#7e8e9d
```
#7e8e9d rgb(126,142,157)
```
#758ea6
```
#758ea6 rgb(117,142,166)
```
#6c8eaf
```
#6c8eaf rgb(108,142,175)
```
#638eb8
```
#638eb8 rgb(99,142,184)
```
#5b8ec0
```
#5b8ec0 rgb(91,142,192)
```
#528ec9
```
#528ec9 rgb(82,142,201)
```
#498fd2
```
#498fd2 rgb(73,143,210)
```
#408fdb
```
#408fdb rgb(64,143,219)
```
#388fe3
```
#388fe3 rgb(56,143,227)
```
#2f8fec
```
#2f8fec rgb(47,143,236)
```
#268ff5
```
#268ff5 rgb(38,143,245)
```
#1e8ffd
```
#1e8ffd rgb(30,143,253)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6d8193 Atypical Achromatopsia 0.001% of the population

Dichromacy

#698fe8 Protanopia 1% of men
#4593ed Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#548fe9 Protanomaly 1% of men, 0.01% of women
#3d91ec Deuteranomaly 6% of men, 0.4% of women
#119ac2 Tritanomaly 0.01% of the population

#2f8fec hex color

#2f8fec Color Information

#2f8fec Color Conversion

Color Schemes with #2f8fec

Alternatives to #2f8fec

#2f8fec Preview

Shades and Tints of #2f8fec

Tones of #2f8fec

Color Blindness Simulator