#4030f2 hex color

In a RGB color space, hex #4030f2 is composed of 25.1% red, 18.8% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 80.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 244.9 degrees, a saturation of 88.2% and a lightness of 56.9%. #4030f2 color hex could be obtained by blending #8060ff with #0000e5. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 25
- G 19
- B 95
RGB color chart
- C 74
- M 80
- Y 0
- K 5
CMYK color chart

● #4030f2 color description : Bright blue.

The hexadecimal color #4030f2 has RGB values of R:64, G:48, B:242 and CMYK values of C:0.74, M:0.8, Y:0, K:0.05. Its decimal value is 4206834.

Hex triplet	4030f2	`#4030f2`
RGB Decimal	64, 48, 242	`rgb(64,48,242)`
RGB Percent	25.1, 18.8, 94.9	`rgb(25.1%,18.8%,94.9%)`
CMYK	74, 80, 0, 5
HSL	244.9°, 88.2, 56.9	`hsl(244.9,88.2%,56.9%)`
HSV (or HSB)	244.9°, 80.2, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.14, 64.3, -92.421
XYZ	19.195, 9.614, 84.844
xyY	0.169, 0.085, 9.614
CIE-LCH	37.14, 112.589, 304.828
CIE-LUV	37.14, -6.819, -126.165
Hunter-Lab	31.006, 56.246, -140.536
Binary	01000000, 00110000, 11110010

#4030f2
```
#4030f2 rgb(64,48,242)
```
#e2f230
```
#e2f230 rgb(226,242,48)
```

Complementary Color

#3081f2
```
#3081f2 rgb(48,129,242)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#a130f2
```
#a130f2 rgb(161,48,242)
```

Analogous Color

#81f230
```
#81f230 rgb(129,242,48)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#f2a130
```
#f2a130 rgb(242,161,48)
```

Split Complementary Color

#30f240
```
#30f240 rgb(48,242,64)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#f24030
```
#f24030 rgb(242,64,48)
```

Triadic Color

#30e2f2
```
#30e2f2 rgb(48,226,242)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#f24030
```
#f24030 rgb(242,64,48)
```
#e2f230
```
#e2f230 rgb(226,242,48)
```

Tetradic Color

#1c0dc9
```
#1c0dc9 rgb(28,13,201)
```
#200ee1
```
#200ee1 rgb(32,14,225)
```
#2a18f0
```
#2a18f0 rgb(42,24,240)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#5648f4
```
#5648f4 rgb(86,72,244)
```
#6c60f5
```
#6c60f5 rgb(108,96,245)
```
#8278f7
```
#8278f7 rgb(130,120,247)
```

Monochromatic Color

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

#3051f2
```
#3051f2 rgb(48,81,242)
```
#3040f2
```
#3040f2 rgb(48,64,242)
```
#3030f2
```
#3030f2 rgb(48,48,242)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#5030f2
```
#5030f2 rgb(80,48,242)
```
#6030f2
```
#6030f2 rgb(96,48,242)
```
#7130f2
```
#7130f2 rgb(113,48,242)
```

Similar Colors

Text with hexadecimal color #4030f2

This text has a font color of #4030f2.

<span style="color:#4030f2;">Text here</span>

#4030f2 background color

This paragraph has a background color of #4030f2.

<p style="background-color:#4030f2;">Content here</p>

#4030f2 border color

This element has a border color of #4030f2.

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

CSS codes

.text {color:#4030f2;}

.background {background-color:#4030f2;}

.border {border:1px solid #4030f2;}

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, #02010e is the darkest color, while #fbfbff is the lightest one.

#02010e
```
#02010e rgb(2,1,14)
```
#050221
```
#050221 rgb(5,2,33)
```
#070333
```
#070333 rgb(7,3,51)
```
#0a0446
```
#0a0446 rgb(10,4,70)
```
#0c0658
```
#0c0658 rgb(12,6,88)
```
#0f076b
```
#0f076b rgb(15,7,107)
```
#12087d
```
#12087d rgb(18,8,125)
```
#140990
```
#140990 rgb(20,9,144)
```
#170aa2
```
#170aa2 rgb(23,10,162)
```
#190bb5
```
#190bb5 rgb(25,11,181)
```
#1c0dc7
```
#1c0dc7 rgb(28,13,199)
```
#1e0ed9
```
#1e0ed9 rgb(30,14,217)
```
#210fec
```
#210fec rgb(33,15,236)
```

Shade Color Variation

#2f1ef1
```
#2f1ef1 rgb(47,30,241)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#5142f3
```
#5142f3 rgb(81,66,243)
```
#6255f4
```
#6255f4 rgb(98,85,244)
```
#7367f5
```
#7367f5 rgb(115,103,245)
```
#847af7
```
#847af7 rgb(132,122,247)
```
#958cf8
```
#958cf8 rgb(149,140,248)
```
#a69ff9
```
#a69ff9 rgb(166,159,249)
```
#b7b1fa
```
#b7b1fa rgb(183,177,250)
```
#c8c4fb
```
#c8c4fb rgb(200,196,251)
```
#d9d6fc
```
#d9d6fc rgb(217,214,252)
```
#eae9fe
```
#eae9fe rgb(234,233,254)
```
#fbfbff
```
#fbfbff rgb(251,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e8d95 is the less saturated color, while #3928fa is the most saturated one.

#8e8d95
```
#8e8d95 rgb(142,141,149)
```
#87859d
```
#87859d rgb(135,133,157)
```
#807ca6
```
#807ca6 rgb(128,124,166)
```
#7974ae
```
#7974ae rgb(121,116,174)
```
#716bb7
```
#716bb7 rgb(113,107,183)
```
#6a63bf
```
#6a63bf rgb(106,99,191)
```
#635ac8
```
#635ac8 rgb(99,90,200)
```
#5c52d0
```
#5c52d0 rgb(92,82,208)
```
#5549d9
```
#5549d9 rgb(85,73,217)
```
#4e41e1
```
#4e41e1 rgb(78,65,225)
```
#4738ea
```
#4738ea rgb(71,56,234)
```
#4030f2
```
#4030f2 rgb(64,48,242)
```
#3928fa
```
#3928fa rgb(57,40,250)
```

Tone Color Variation

Below, you can see how #4030f2 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

#4b4b4b Achromatopsia 0.005% of the population
#49466c Atypical Achromatopsia 0.001% of the population

Dichromacy

#005db5 Protanopia 1% of men
#00629c Deuteranopia 1% of men
#00696e Tritanopia 0.001% of the population

Trichromacy

#174ccb Protanomaly 1% of men, 0.01% of women
#1750bb Deuteranomaly 6% of men, 0.4% of women
#17549e Tritanomaly 0.01% of the population

#4030f2 hex color

#4030f2 Color Information

#4030f2 Color Conversion

Color Schemes with #4030f2

Alternatives to #4030f2

#4030f2 Preview

Shades and Tints of #4030f2

Tones of #4030f2

Color Blindness Simulator