#2f78ec hex color

In a RGB color space, hex #2f78ec is composed of 18.4% red, 47.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 80.1% cyan, 49.2% magenta, 0% yellow and 7.5% black. It has a hue angle of 216.8 degrees, a saturation of 83.3% and a lightness of 55.5%. #2f78ec color hex could be obtained by blending #5ef0ff with #0000d9. Closest websafe color is: #3366ff.

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

● #2f78ec color description : Bright blue.

The hexadecimal color #2f78ec has RGB values of R:47, G:120, B:236 and CMYK values of C:0.8, M:0.49, Y:0, K:0.07. Its decimal value is 3111148.

Hex triplet	2f78ec	`#2f78ec`
RGB Decimal	47, 120, 236	`rgb(47,120,236)`
RGB Percent	18.4, 47.1, 92.5	`rgb(18.4%,47.1%,92.5%)`
CMYK	80, 49, 0, 7
HSL	216.8°, 83.3, 55.5	`hsl(216.8,83.3%,55.5%)`
HSV (or HSB)	216.8°, 80.1, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	51.941, 18.847, -64.836
XYZ	23.026, 20.092, 82.017
xyY	0.184, 0.161, 20.092
CIE-LCH	51.941, 67.519, 286.208
CIE-LUV	51.941, -24.567, -102.196
Hunter-Lab	44.824, 13.253, -77.11
Binary	00101111, 01111000, 11101100

#2f78ec
```
#2f78ec rgb(47,120,236)
```
#eca32f
```
#eca32f rgb(236,163,47)
```

Complementary Color

#2fd7ec
```
#2fd7ec rgb(47,215,236)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#452fec
```
#452fec rgb(69,47,236)
```

Analogous Color

#d7ec2f
```
#d7ec2f rgb(215,236,47)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#ec452f
```
#ec452f rgb(236,69,47)
```

Split Complementary Color

#78ec2f
```
#78ec2f rgb(120,236,47)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#ec2f78
```
#ec2f78 rgb(236,47,120)
```

Triadic Color

#2feca3
```
#2feca3 rgb(47,236,163)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#ec2f78
```
#ec2f78 rgb(236,47,120)
```
#eca32f
```
#eca32f rgb(236,163,47)
```

Tetradic Color

#1154bd
```
#1154bd rgb(17,84,189)
```
#135ed5
```
#135ed5 rgb(19,94,213)
```
#1869ea
```
#1869ea rgb(24,105,234)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#4687ee
```
#4687ee rgb(70,135,238)
```
#5e96f0
```
#5e96f0 rgb(94,150,240)
```
#75a5f2
```
#75a5f2 rgb(117,165,242)
```

Monochromatic Color

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

#2fa7ec
```
#2fa7ec rgb(47,167,236)
```
#2f98ec
```
#2f98ec rgb(47,152,236)
```
#2f88ec
```
#2f88ec rgb(47,136,236)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#2f68ec
```
#2f68ec rgb(47,104,236)
```
#2f59ec
```
#2f59ec rgb(47,89,236)
```
#2f49ec
```
#2f49ec rgb(47,73,236)
```

Similar Colors

Text with hexadecimal color #2f78ec

This text has a font color of #2f78ec.

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

#2f78ec background color

This paragraph has a background color of #2f78ec.

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

#2f78ec border color

This element has a border color of #2f78ec.

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

CSS codes

.text {color:#2f78ec;}

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

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

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

#010308
```
#010308 rgb(1,3,8)
```
#020b1a
```
#020b1a rgb(2,11,26)
```
#04132c
```
#04132c rgb(4,19,44)
```
#061b3e
```
#061b3e rgb(6,27,62)
```
#072350
```
#072350 rgb(7,35,80)
```
#092b62
```
#092b62 rgb(9,43,98)
```
#0b3374
```
#0b3374 rgb(11,51,116)
```
#0c3b85
```
#0c3b85 rgb(12,59,133)
```
#0e4397
```
#0e4397 rgb(14,67,151)
```
#0f4ba9
```
#0f4ba9 rgb(15,75,169)
```
#1153bb
```
#1153bb rgb(17,83,187)
```
#135bcd
```
#135bcd rgb(19,91,205)
```
#1463df
```
#1463df rgb(20,99,223)
```

Shade Color Variation

#1d6cea
```
#1d6cea rgb(29,108,234)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#4184ee
```
#4184ee rgb(65,132,238)
```
#538fef
```
#538fef rgb(83,143,239)
```
#659bf1
```
#659bf1 rgb(101,155,241)
```
#77a7f3
```
#77a7f3 rgb(119,167,243)
```
#89b2f4
```
#89b2f4 rgb(137,178,244)
```
#9bbef6
```
#9bbef6 rgb(155,190,246)
```
#adcaf7
```
#adcaf7 rgb(173,202,247)
```
#bfd5f9
```
#bfd5f9 rgb(191,213,249)
```
#d1e1fb
```
#d1e1fb rgb(209,225,251)
```
#e3edfc
```
#e3edfc rgb(227,237,252)
```
#f5f8fe
```
#f5f8fe rgb(245,248,254)
```

Tint Color Variation

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

#868c95
```
#868c95 rgb(134,140,149)
```
#7e8a9d
```
#7e8a9d rgb(126,138,157)
```
#7588a6
```
#7588a6 rgb(117,136,166)
```
#6c86af
```
#6c86af rgb(108,134,175)
```
#6384b8
```
#6384b8 rgb(99,132,184)
```
#5b82c0
```
#5b82c0 rgb(91,130,192)
```
#5280c9
```
#5280c9 rgb(82,128,201)
```
#497ed2
```
#497ed2 rgb(73,126,210)
```
#407cdb
```
#407cdb rgb(64,124,219)
```
#387ae3
```
#387ae3 rgb(56,122,227)
```
#2f78ec
```
#2f78ec rgb(47,120,236)
```
#2676f5
```
#2676f5 rgb(38,118,245)
```
#1e74fd
```
#1e74fd rgb(30,116,253)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#627188 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a7fec Protanopia 1% of men
#0085db Deuteranopia 1% of men
#008f98 Tritanopia 0.001% of the population

Trichromacy

#367cec Protanomaly 1% of men, 0.01% of women
#1180e1 Deuteranomaly 6% of men, 0.4% of women
#1186b6 Tritanomaly 0.01% of the population

#2f78ec hex color

#2f78ec Color Information

#2f78ec Color Conversion

Color Schemes with #2f78ec

Alternatives to #2f78ec

#2f78ec Preview

Shades and Tints of #2f78ec

Tones of #2f78ec

Color Blindness Simulator