#4530f2 hex color

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

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

● #4530f2 color description : Bright blue.

The hexadecimal color #4530f2 has RGB values of R:69, G:48, B:242 and CMYK values of C:0.71, M:0.8, Y:0, K:0.05. Its decimal value is 4534514.

Hex triplet	4530f2	`#4530f2`
RGB Decimal	69, 48, 242	`rgb(69,48,242)`
RGB Percent	27.1, 18.8, 94.9	`rgb(27.1%,18.8%,94.9%)`
CMYK	71, 80, 0, 5
HSL	246.5°, 88.2, 56.9	`hsl(246.5,88.2%,56.9%)`
HSV (or HSB)	246.5°, 80.2, 94.9
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.461, 64.638, -91.879
XYZ	19.535, 9.789, 84.859
xyY	0.171, 0.086, 9.789
CIE-LCH	37.461, 112.339, 305.127
CIE-LUV	37.461, -5.946, -126.153
Hunter-Lab	31.287, 56.7, -138.91
Binary	01000101, 00110000, 11110010

#4530f2
```
#4530f2 rgb(69,48,242)
```
#ddf230
```
#ddf230 rgb(221,242,48)
```

Complementary Color

#307cf2
```
#307cf2 rgb(48,124,242)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#a630f2
```
#a630f2 rgb(166,48,242)
```

Analogous Color

#7cf230
```
#7cf230 rgb(124,242,48)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#f2a630
```
#f2a630 rgb(242,166,48)
```

Split Complementary Color

#30f245
```
#30f245 rgb(48,242,69)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#f24530
```
#f24530 rgb(242,69,48)
```

Triadic Color

#30ddf2
```
#30ddf2 rgb(48,221,242)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#f24530
```
#f24530 rgb(242,69,48)
```
#ddf230
```
#ddf230 rgb(221,242,48)
```

Tetradic Color

#210dc9
```
#210dc9 rgb(33,13,201)
```
#250ee1
```
#250ee1 rgb(37,14,225)
```
#2f18f0
```
#2f18f0 rgb(47,24,240)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#5b48f4
```
#5b48f4 rgb(91,72,244)
```
#7060f5
```
#7060f5 rgb(112,96,245)
```
#8678f7
```
#8678f7 rgb(134,120,247)
```

Monochromatic Color

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

#304cf2
```
#304cf2 rgb(48,76,242)
```
#303bf2
```
#303bf2 rgb(48,59,242)
```
#3530f2
```
#3530f2 rgb(53,48,242)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#5530f2
```
#5530f2 rgb(85,48,242)
```
#6530f2
```
#6530f2 rgb(101,48,242)
```
#7630f2
```
#7630f2 rgb(118,48,242)
```

Similar Colors

Text with hexadecimal color #4530f2

This text has a font color of #4530f2.

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

#4530f2 background color

This paragraph has a background color of #4530f2.

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

#4530f2 border color

This element has a border color of #4530f2.

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

CSS codes

.text {color:#4530f2;}

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

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

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)
```
#080333
```
#080333 rgb(8,3,51)
```
#0b0446
```
#0b0446 rgb(11,4,70)
```
#0f0658
```
#0f0658 rgb(15,6,88)
```
#12076b
```
#12076b rgb(18,7,107)
```
#15087d
```
#15087d rgb(21,8,125)
```
#180990
```
#180990 rgb(24,9,144)
```
#1b0aa2
```
#1b0aa2 rgb(27,10,162)
```
#1e0bb5
```
#1e0bb5 rgb(30,11,181)
```
#210dc7
```
#210dc7 rgb(33,13,199)
```
#240ed9
```
#240ed9 rgb(36,14,217)
```
#270fec
```
#270fec rgb(39,15,236)
```

Shade Color Variation

#341ef1
```
#341ef1 rgb(52,30,241)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#5642f3
```
#5642f3 rgb(86,66,243)
```
#6655f4
```
#6655f4 rgb(102,85,244)
```
#7767f5
```
#7767f5 rgb(119,103,245)
```
#877af7
```
#877af7 rgb(135,122,247)
```
#988cf8
```
#988cf8 rgb(152,140,248)
```
#a99ff9
```
#a99ff9 rgb(169,159,249)
```
#b9b1fa
```
#b9b1fa rgb(185,177,250)
```
#cac4fb
```
#cac4fb rgb(202,196,251)
```
#dad6fc
```
#dad6fc rgb(218,214,252)
```
#ebe9fe
```
#ebe9fe rgb(235,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 #3e28fa is the most saturated one.

#8e8d95
```
#8e8d95 rgb(142,141,149)
```
#87859d
```
#87859d rgb(135,133,157)
```
#817ca6
```
#817ca6 rgb(129,124,166)
```
#7a74ae
```
#7a74ae rgb(122,116,174)
```
#736bb7
```
#736bb7 rgb(115,107,183)
```
#6d63bf
```
#6d63bf rgb(109,99,191)
```
#665ac8
```
#665ac8 rgb(102,90,200)
```
#6052d0
```
#6052d0 rgb(96,82,208)
```
#5949d9
```
#5949d9 rgb(89,73,217)
```
#5241e1
```
#5241e1 rgb(82,65,225)
```
#4c38ea
```
#4c38ea rgb(76,56,234)
```
#4530f2
```
#4530f2 rgb(69,48,242)
```
#3e28fa
```
#3e28fa rgb(62,40,250)
```

Tone Color Variation

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

#4c4c4c Achromatopsia 0.005% of the population
#4b466d Atypical Achromatopsia 0.001% of the population

Dichromacy

#005eb6 Protanopia 1% of men
#00639e Deuteranopia 1% of men
#006a6f Tritanopia 0.001% of the population

Trichromacy

#194dcc Protanomaly 1% of men, 0.01% of women
#1950bc Deuteranomaly 6% of men, 0.4% of women
#19559f Tritanomaly 0.01% of the population

#4530f2 hex color

#4530f2 Color Information

#4530f2 Color Conversion

Color Schemes with #4530f2

Alternatives to #4530f2

#4530f2 Preview

Shades and Tints of #4530f2

Tones of #4530f2

Color Blindness Simulator