#2f54fc hex color

In a RGB color space, hex #2f54fc is composed of 18.4% red, 32.9% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 66.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 229.2 degrees, a saturation of 97.2% and a lightness of 58.6%. #2f54fc color hex could be obtained by blending #5ea8ff with #0000f9. Closest websafe color is: #3366ff.

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

● #2f54fc color description : Bright blue.

The hexadecimal color #2f54fc has RGB values of R:47, G:84, B:252 and CMYK values of C:0.81, M:0.67, Y:0, K:0.01. Its decimal value is 3101948.

Hex triplet	2f54fc	`#2f54fc`
RGB Decimal	47, 84, 252	`rgb(47,84,252)`
RGB Percent	18.4, 32.9, 98.8	`rgb(18.4%,32.9%,98.8%)`
CMYK	81, 67, 0, 1
HSL	229.2°, 97.2, 58.6	`hsl(229.2,97.2%,58.6%)`
HSV (or HSB)	229.2°, 81.3, 98.8
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.192, 47.125, -86.409
XYZ	21.91, 13.972, 93.632
xyY	0.169, 0.108, 13.972
CIE-LCH	44.192, 98.424, 298.607
CIE-LUV	44.192, -15.395, -128.069
Hunter-Lab	37.379, 39.216, -122.354
Binary	00101111, 01010100, 11111100

#2f54fc
```
#2f54fc rgb(47,84,252)
```
#fcd72f
```
#fcd72f rgb(252,215,47)
```

Complementary Color

#2fbbfc
```
#2fbbfc rgb(47,187,252)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#712ffc
```
#712ffc rgb(113,47,252)
```

Analogous Color

#bbfc2f
```
#bbfc2f rgb(187,252,47)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#fc712f
```
#fc712f rgb(252,113,47)
```

Split Complementary Color

#54fc2f
```
#54fc2f rgb(84,252,47)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#fc2f54
```
#fc2f54 rgb(252,47,84)
```

Triadic Color

#2ffcd7
```
#2ffcd7 rgb(47,252,215)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#fc2f54
```
#fc2f54 rgb(252,47,84)
```
#fcd72f
```
#fcd72f rgb(252,215,47)
```

Tetradic Color

#032adb
```
#032adb rgb(3,42,219)
```
#042ff4
```
#042ff4 rgb(4,47,244)
```
#163ffc
```
#163ffc rgb(22,63,252)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#4869fc
```
#4869fc rgb(72,105,252)
```
#617dfd
```
#617dfd rgb(97,125,253)
```
#7a92fd
```
#7a92fd rgb(122,146,253)
```

Monochromatic Color

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

#2f87fc
```
#2f87fc rgb(47,135,252)
```
#2f76fc
```
#2f76fc rgb(47,118,252)
```
#2f65fc
```
#2f65fc rgb(47,101,252)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#2f43fc
```
#2f43fc rgb(47,67,252)
```
#2f32fc
```
#2f32fc rgb(47,50,252)
```
#3d2ffc
```
#3d2ffc rgb(61,47,252)
```

Similar Colors

Text with hexadecimal color #2f54fc

This text has a font color of #2f54fc.

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

#2f54fc background color

This paragraph has a background color of #2f54fc.

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

#2f54fc border color

This element has a border color of #2f54fc.

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

CSS codes

.text {color:#2f54fc;}

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

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

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

#000105
```
#000105 rgb(0,1,5)
```
#000518
```
#000518 rgb(0,5,24)
```
#01082b
```
#01082b rgb(1,8,43)
```
#010c3f
```
#010c3f rgb(1,12,63)
```
#011052
```
#011052 rgb(1,16,82)
```
#011365
```
#011365 rgb(1,19,101)
```
#021779
```
#021779 rgb(2,23,121)
```
#021b8c
```
#021b8c rgb(2,27,140)
```
#021f9f
```
#021f9f rgb(2,31,159)
```
#0322b3
```
#0322b3 rgb(3,34,179)
```
#0326c6
```
#0326c6 rgb(3,38,198)
```
#032ad9
```
#032ad9 rgb(3,42,217)
```
#032eed
```
#032eed rgb(3,46,237)
```

Shade Color Variation

#0834fb
```
#0834fb rgb(8,52,251)
```
#1c44fc
```
#1c44fc rgb(28,68,252)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```
#4264fc
```
#4264fc rgb(66,100,252)
```
#5674fd
```
#5674fd rgb(86,116,253)
```
#6984fd
```
#6984fd rgb(105,132,253)
```
#7c94fd
```
#7c94fd rgb(124,148,253)
```
#90a3fd
```
#90a3fd rgb(144,163,253)
```
#a3b3fe
```
#a3b3fe rgb(163,179,254)
```
#b6c3fe
```
#b6c3fe rgb(182,195,254)
```
#cad3fe
```
#cad3fe rgb(202,211,254)
```
#dde3ff
```
#dde3ff rgb(221,227,255)
```
#f0f3ff
```
#f0f3ff rgb(240,243,255)
```

Tint Color Variation

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

#90929b
```
#90929b rgb(144,146,155)
```
#888da3
```
#888da3 rgb(136,141,163)
```
#8088ab
```
#8088ab rgb(128,136,171)
```
#7883b3
```
#7883b3 rgb(120,131,179)
```
#707dbb
```
#707dbb rgb(112,125,187)
```
#6878c3
```
#6878c3 rgb(104,120,195)
```
#6073cb
```
#6073cb rgb(96,115,203)
```
#586ed3
```
#586ed3 rgb(88,110,211)
```
#4f69dc
```
#4f69dc rgb(79,105,220)
```
#4764e4
```
#4764e4 rgb(71,100,228)
```
#3f5eec
```
#3f5eec rgb(63,94,236)
```
#3759f4
```
#3759f4 rgb(55,89,244)
```
#2f54fc
```
#2f54fc rgb(47,84,252)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd4 Protanopia 1% of men
#0073b8 Deuteranopia 1% of men
#007b81 Tritanopia 0.001% of the population

Trichromacy

#1163e2 Protanomaly 1% of men, 0.01% of women
#1167d0 Deuteranomaly 6% of men, 0.4% of women
#116dae Tritanomaly 0.01% of the population

#2f54fc hex color

#2f54fc Color Information

#2f54fc Color Conversion

Color Schemes with #2f54fc

Alternatives to #2f54fc

#2f54fc Preview

Shades and Tints of #2f54fc

Tones of #2f54fc

Color Blindness Simulator