#2040f0 hex color

In a RGB color space, hex #2040f0 is composed of 12.5% red, 25.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 86.7% cyan, 73.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 230.8 degrees, a saturation of 87.4% and a lightness of 53.3%. #2040f0 color hex could be obtained by blending #4080ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 13
- G 25
- B 94
RGB color chart
- C 87
- M 73
- Y 0
- K 6
CMYK color chart

● #2040f0 color description : Vivid blue.

The hexadecimal color #2040f0 has RGB values of R:32, G:64, B:240 and CMYK values of C:0.87, M:0.73, Y:0, K:0.06. Its decimal value is 2113776.

Hex triplet	2040f0	`#2040f0`
RGB Decimal	32, 64, 240	`rgb(32,64,240)`
RGB Percent	12.5, 25.1, 94.1	`rgb(12.5%,25.1%,94.1%)`
CMYK	87, 73, 0, 6
HSL	230.8°, 87.4, 53.3	`hsl(230.8,87.4%,53.3%)`
HSV (or HSB)	230.8°, 86.7, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	38.312, 53.846, -89.393
XYZ	18.154, 10.264, 83.458
xyY	0.162, 0.092, 10.264
CIE-LCH	38.312, 104.358, 301.063
CIE-LUV	38.312, -12.93, -124.359
Hunter-Lab	32.037, 45.083, -132.026
Binary	00100000, 01000000, 11110000

#2040f0
```
#2040f0 rgb(32,64,240)
```
#f0d020
```
#f0d020 rgb(240,208,32)
```

Complementary Color

#20a8f0
```
#20a8f0 rgb(32,168,240)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#6820f0
```
#6820f0 rgb(104,32,240)
```

Analogous Color

#a8f020
```
#a8f020 rgb(168,240,32)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#f06820
```
#f06820 rgb(240,104,32)
```

Split Complementary Color

#40f020
```
#40f020 rgb(64,240,32)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#f02040
```
#f02040 rgb(240,32,64)
```

Triadic Color

#20f0d0
```
#20f0d0 rgb(32,240,208)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#f02040
```
#f02040 rgb(240,32,64)
```
#f0d020
```
#f0d020 rgb(240,208,32)
```

Tetradic Color

#0c27b7
```
#0c27b7 rgb(12,39,183)
```
#0e2ccf
```
#0e2ccf rgb(14,44,207)
```
#1031e7
```
#1031e7 rgb(16,49,231)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#3854f2
```
#3854f2 rgb(56,84,242)
```
#5069f3
```
#5069f3 rgb(80,105,243)
```
#687df5
```
#687df5 rgb(104,125,245)
```

Monochromatic Color

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

#2074f0
```
#2074f0 rgb(32,116,240)
```
#2063f0
```
#2063f0 rgb(32,99,240)
```
#2051f0
```
#2051f0 rgb(32,81,240)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#202ff0
```
#202ff0 rgb(32,47,240)
```
#2320f0
```
#2320f0 rgb(35,32,240)
```
#3420f0
```
#3420f0 rgb(52,32,240)
```

Similar Colors

Text with hexadecimal color #2040f0

This text has a font color of #2040f0.

<span style="color:#2040f0;">Text here</span>

#2040f0 background color

This paragraph has a background color of #2040f0.

<p style="background-color:#2040f0;">Content here</p>

#2040f0 border color

This element has a border color of #2040f0.

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

CSS codes

.text {color:#2040f0;}

.background {background-color:#2040f0;}

.border {border:1px solid #2040f0;}

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

#010310
```
#010310 rgb(1,3,16)
```
#020722
```
#020722 rgb(2,7,34)
```
#040b35
```
#040b35 rgb(4,11,53)
```
#050f47
```
#050f47 rgb(5,15,71)
```
#061359
```
#061359 rgb(6,19,89)
```
#07176c
```
#07176c rgb(7,23,108)
```
#081b7e
```
#081b7e rgb(8,27,126)
```
#0a1e91
```
#0a1e91 rgb(10,30,145)
```
#0b22a3
```
#0b22a3 rgb(11,34,163)
```
#0c26b5
```
#0c26b5 rgb(12,38,181)
```
#0d2ac8
```
#0d2ac8 rgb(13,42,200)
```
#0f2eda
```
#0f2eda rgb(15,46,218)
```
#1032ec
```
#1032ec rgb(16,50,236)
```

Shade Color Variation

#2040f0
```
#2040f0 rgb(32,64,240)
```
#3250f1
```
#3250f1 rgb(50,80,241)
```
#455ff2
```
#455ff2 rgb(69,95,242)
```
#576ff4
```
#576ff4 rgb(87,111,244)
```
#6a7ff5
```
#6a7ff5 rgb(106,127,245)
```
#7c8ff6
```
#7c8ff6 rgb(124,143,246)
```
#8e9ef7
```
#8e9ef7 rgb(142,158,247)
```
#a1aef9
```
#a1aef9 rgb(161,174,249)
```
#b3befa
```
#b3befa rgb(179,190,250)
```
#c5cefb
```
#c5cefb rgb(197,206,251)
```
#d8ddfc
```
#d8ddfc rgb(216,221,252)
```
#eaedfe
```
#eaedfe rgb(234,237,254)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#85868b
```
#85868b rgb(133,134,139)
```
#7c7f94
```
#7c7f94 rgb(124,127,148)
```
#72799e
```
#72799e rgb(114,121,158)
```
#6973a7
```
#6973a7 rgb(105,115,167)
```
#606cb0
```
#606cb0 rgb(96,108,176)
```
#5766b9
```
#5766b9 rgb(87,102,185)
```
#4e60c2
```
#4e60c2 rgb(78,96,194)
```
#4559cb
```
#4559cb rgb(69,89,203)
```
#3b53d5
```
#3b53d5 rgb(59,83,213)
```
#324dde
```
#324dde rgb(50,77,222)
```
#2946e7
```
#2946e7 rgb(41,70,231)
```
#2040f0
```
#2040f0 rgb(32,64,240)
```
#173af9
```
#173af9 rgb(23,58,249)
```

Tone Color Variation

Below, you can see how #2040f0 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

#4a4a4a Achromatopsia 0.005% of the population
#42486b Atypical Achromatopsia 0.001% of the population

Dichromacy

#005fba Protanopia 1% of men
#0065a1 Deuteranopia 1% of men
#006c71 Tritanopia 0.001% of the population

Trichromacy

#0b54cd Protanomaly 1% of men, 0.01% of women
#0b57bd Deuteranomaly 6% of men, 0.4% of women
#0b5c9f Tritanomaly 0.01% of the population

#2040f0 hex color

#2040f0 Color Information

#2040f0 Color Conversion

Color Schemes with #2040f0

Alternatives to #2040f0

#2040f0 Preview

Shades and Tints of #2040f0

Tones of #2040f0

Color Blindness Simulator