#2f9dfc hex color

In a RGB color space, hex #2f9dfc is composed of 18.4% red, 61.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 37.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 207.8 degrees, a saturation of 97.2% and a lightness of 58.6%. #2f9dfc color hex could be obtained by blending #5effff with #003bf9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 18
- G 62
- B 99
RGB color chart
- C 81
- M 38
- Y 0
- K 1
CMYK color chart

● #2f9dfc color description : Bright blue.

The hexadecimal color #2f9dfc has RGB values of R:47, G:157, B:252 and CMYK values of C:0.81, M:0.38, Y:0, K:0.01. Its decimal value is 3120636.

Hex triplet	2f9dfc	`#2f9dfc`
RGB Decimal	47, 157, 252	`rgb(47,157,252)`
RGB Percent	18.4, 61.6, 98.8	`rgb(18.4%,61.6%,98.8%)`
CMYK	81, 38, 0, 1
HSL	207.8°, 97.2, 58.6	`hsl(207.8,97.2%,58.6%)`
HSV (or HSB)	207.8°, 81.3, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	63.131, 2.336, -55.741
XYZ	30.796, 31.744, 96.594
xyY	0.194, 0.199, 31.744
CIE-LCH	63.131, 55.79, 272.4
CIE-LUV	63.131, -35.479, -90.076
Hunter-Lab	56.342, -1.032, -62.21
Binary	00101111, 10011101, 11111100

#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#fc8e2f
```
#fc8e2f rgb(252,142,47)
```

Complementary Color

#2ffcf5
```
#2ffcf5 rgb(47,252,245)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#2f37fc
```
#2f37fc rgb(47,55,252)
```

Analogous Color

#fcf52f
```
#fcf52f rgb(252,245,47)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#fc2f37
```
#fc2f37 rgb(252,47,55)
```

Split Complementary Color

#9dfc2f
```
#9dfc2f rgb(157,252,47)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#fc2f9d
```
#fc2f9d rgb(252,47,157)
```

Triadic Color

#2ffc8e
```
#2ffc8e rgb(47,252,142)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#fc2f9d
```
#fc2f9d rgb(252,47,157)
```
#fc8e2f
```
#fc8e2f rgb(252,142,47)
```

Tetradic Color

#0377db
```
#0377db rgb(3,119,219)
```
#0485f4
```
#0485f4 rgb(4,133,244)
```
#1691fc
```
#1691fc rgb(22,145,252)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#48a9fc
```
#48a9fc rgb(72,169,252)
```
#61b5fd
```
#61b5fd rgb(97,181,253)
```
#7ac1fd
```
#7ac1fd rgb(122,193,253)
```

Monochromatic Color

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

#2fd0fc
```
#2fd0fc rgb(47,208,252)
```
#2fbffc
```
#2fbffc rgb(47,191,252)
```
#2faefc
```
#2faefc rgb(47,174,252)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#2f8cfc
```
#2f8cfc rgb(47,140,252)
```
#2f7bfc
```
#2f7bfc rgb(47,123,252)
```
#2f6afc
```
#2f6afc rgb(47,106,252)
```

Similar Colors

Text with hexadecimal color #2f9dfc

This text has a font color of #2f9dfc.

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

#2f9dfc background color

This paragraph has a background color of #2f9dfc.

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

#2f9dfc border color

This element has a border color of #2f9dfc.

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

CSS codes

.text {color:#2f9dfc;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#000d18
```
#000d18 rgb(0,13,24)
```
#01182b
```
#01182b rgb(1,24,43)
```
#01223f
```
#01223f rgb(1,34,63)
```
#012d52
```
#012d52 rgb(1,45,82)
```
#013765
```
#013765 rgb(1,55,101)
```
#024279
```
#024279 rgb(2,66,121)
```
#024c8c
```
#024c8c rgb(2,76,140)
```
#02579f
```
#02579f rgb(2,87,159)
```
#0361b3
```
#0361b3 rgb(3,97,179)
```
#036cc6
```
#036cc6 rgb(3,108,198)
```
#0376d9
```
#0376d9 rgb(3,118,217)
```
#0381ed
```
#0381ed rgb(3,129,237)
```

Shade Color Variation

#088bfb
```
#088bfb rgb(8,139,251)
```
#1c94fc
```
#1c94fc rgb(28,148,252)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```
#42a6fc
```
#42a6fc rgb(66,166,252)
```
#56affd
```
#56affd rgb(86,175,253)
```
#69b8fd
```
#69b8fd rgb(105,184,253)
```
#7cc1fd
```
#7cc1fd rgb(124,193,253)
```
#90cbfd
```
#90cbfd rgb(144,203,253)
```
#a3d4fe
```
#a3d4fe rgb(163,212,254)
```
#b6ddfe
```
#b6ddfe rgb(182,221,254)
```
#cae6fe
```
#cae6fe rgb(202,230,254)
```
#ddefff
```
#ddefff rgb(221,239,255)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#90969b
```
#90969b rgb(144,150,155)
```
#8896a3
```
#8896a3 rgb(136,150,163)
```
#8097ab
```
#8097ab rgb(128,151,171)
```
#7898b3
```
#7898b3 rgb(120,152,179)
```
#7098bb
```
#7098bb rgb(112,152,187)
```
#6899c3
```
#6899c3 rgb(104,153,195)
```
#6099cb
```
#6099cb rgb(96,153,203)
```
#589ad3
```
#589ad3 rgb(88,154,211)
```
#4f9bdc
```
#4f9bdc rgb(79,155,220)
```
#479be4
```
#479be4 rgb(71,155,228)
```
#3f9cec
```
#3f9cec rgb(63,156,236)
```
#379cf4
```
#379cf4 rgb(55,156,244)
```
#2f9dfc
```
#2f9dfc rgb(47,157,252)
```

Tone Color Variation

Below, you can see how #2f9dfc 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
#758b9e Atypical Achromatopsia 0.001% of the population

Dichromacy

#769bf6 Protanopia 1% of men
#549ffd Deuteranopia 1% of men
#00adb8 Tritanopia 0.001% of the population

Trichromacy

#5c9bf8 Protanomaly 1% of men, 0.01% of women
#469efc Deuteranomaly 6% of men, 0.4% of women
#11a7d1 Tritanomaly 0.01% of the population

#2f9dfc hex color

#2f9dfc Color Information

#2f9dfc Color Conversion

Color Schemes with #2f9dfc

Alternatives to #2f9dfc

#2f9dfc Preview

Shades and Tints of #2f9dfc

Tones of #2f9dfc

Color Blindness Simulator