#3030fd hex color

In a RGB color space, hex #3030fd is composed of 18.8% red, 18.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 81% magenta, 0% yellow and 0.8% black. It has a hue angle of 240 degrees, a saturation of 98.1% and a lightness of 59%. #3030fd color hex could be obtained by blending #6060ff with #0000fb. Closest websafe color is: #3333ff.

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

● #3030fd color description : Bright blue.

The hexadecimal color #3030fd has RGB values of R:48, G:48, B:253 and CMYK values of C:0.81, M:0.81, Y:0, K:0.01. Its decimal value is 3158269.

Hex triplet	3030fd	`#3030fd`
RGB Decimal	48, 48, 253	`rgb(48,48,253)`
RGB Percent	18.8, 18.8, 99.2	`rgb(18.8%,18.8%,99.2%)`
CMYK	81, 81, 0, 1
HSL	240°, 98.1, 59	`hsl(240,98.1%,59%)`
HSV (or HSB)	240°, 81, 99.2
Web Safe	3333ff	`#3333ff`

CIE-LAB	37.541, 66.627, -97.969
XYZ	20.002, 9.833, 93.767
xyY	0.162, 0.08, 9.833
CIE-LCH	37.541, 118.478, 304.219
CIE-LUV	37.541, -9.549, -132.33
Hunter-Lab	31.357, 58.985, -155.344
Binary	00110000, 00110000, 11111101

#3030fd
```
#3030fd rgb(48,48,253)
```
#fdfd30
```
#fdfd30 rgb(253,253,48)
```

Complementary Color

#3097fd
```
#3097fd rgb(48,151,253)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#9730fd
```
#9730fd rgb(151,48,253)
```

Analogous Color

#97fd30
```
#97fd30 rgb(151,253,48)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#fd9730
```
#fd9730 rgb(253,151,48)
```

Split Complementary Color

#30fd30
```
#30fd30 rgb(48,253,48)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#fd3030
```
#fd3030 rgb(253,48,48)
```

Triadic Color

#30fdfd
```
#30fdfd rgb(48,253,253)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#fd3030
```
#fd3030 rgb(253,48,48)
```
#fdfd30
```
#fdfd30 rgb(253,253,48)
```

Tetradic Color

#0202de
```
#0202de rgb(2,2,222)
```
#0202f8
```
#0202f8 rgb(2,2,248)
```
#1717fd
```
#1717fd rgb(23,23,253)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#4949fd
```
#4949fd rgb(73,73,253)
```
#6363fd
```
#6363fd rgb(99,99,253)
```
#7c7cfe
```
#7c7cfe rgb(124,124,254)
```

Monochromatic Color

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

#3063fd
```
#3063fd rgb(48,99,253)
```
#3052fd
```
#3052fd rgb(48,82,253)
```
#3041fd
```
#3041fd rgb(48,65,253)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#4130fd
```
#4130fd rgb(65,48,253)
```
#5230fd
```
#5230fd rgb(82,48,253)
```
#6330fd
```
#6330fd rgb(99,48,253)
```

Similar Colors

Text with hexadecimal color #3030fd

This text has a font color of #3030fd.

<span style="color:#3030fd;">Text here</span>

#3030fd background color

This paragraph has a background color of #3030fd.

<p style="background-color:#3030fd;">Content here</p>

#3030fd border color

This element has a border color of #3030fd.

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

CSS codes

.text {color:#3030fd;}

.background {background-color:#3030fd;}

.border {border:1px solid #3030fd;}

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

#000007
```
#000007 rgb(0,0,7)
```
#00001a
```
#00001a rgb(0,0,26)
```
#00002e
```
#00002e rgb(0,0,46)
```
#010141
```
#010141 rgb(1,1,65)
```
#010154
```
#010154 rgb(1,1,84)
```
#010168
```
#010168 rgb(1,1,104)
```
#01017b
```
#01017b rgb(1,1,123)
```
#01018f
```
#01018f rgb(1,1,143)
```
#0202a2
```
#0202a2 rgb(2,2,162)
```
#0202b6
```
#0202b6 rgb(2,2,182)
```
#0202c9
```
#0202c9 rgb(2,2,201)
```
#0202dc
```
#0202dc rgb(2,2,220)
```
#0202f0
```
#0202f0 rgb(2,2,240)
```

Shade Color Variation

#0909fd
```
#0909fd rgb(9,9,253)
```
#1d1dfd
```
#1d1dfd rgb(29,29,253)
```
#3030fd
```
#3030fd rgb(48,48,253)
```
#4343fd
```
#4343fd rgb(67,67,253)
```
#5757fd
```
#5757fd rgb(87,87,253)
```
#6a6afe
```
#6a6afe rgb(106,106,254)
```
#7e7efe
```
#7e7efe rgb(126,126,254)
```
#9191fe
```
#9191fe rgb(145,145,254)
```
#a5a5fe
```
#a5a5fe rgb(165,165,254)
```
#b8b8fe
```
#b8b8fe rgb(184,184,254)
```
#cbcbff
```
#cbcbff rgb(203,203,255)
```
#dfdfff
```
#dfdfff rgb(223,223,255)
```
#f2f2ff
```
#f2f2ff rgb(242,242,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #90909d is the less saturated color, while #3030fd is the most saturated one.

#90909d
```
#90909d rgb(144,144,157)
```
#8888a5
```
#8888a5 rgb(136,136,165)
```
#8080ad
```
#8080ad rgb(128,128,173)
```
#7878b5
```
#7878b5 rgb(120,120,181)
```
#7070bd
```
#7070bd rgb(112,112,189)
```
#6868c5
```
#6868c5 rgb(104,104,197)
```
#6060cd
```
#6060cd rgb(96,96,205)
```
#5858d5
```
#5858d5 rgb(88,88,213)
```
#5050dd
```
#5050dd rgb(80,80,221)
```
#4848e5
```
#4848e5 rgb(72,72,229)
```
#4040ed
```
#4040ed rgb(64,64,237)
```
#3838f5
```
#3838f5 rgb(56,56,245)
```
#3030fd
```
#3030fd rgb(48,48,253)
```

Tone Color Variation

Below, you can see how #3030fd 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

#474747 Achromatopsia 0.005% of the population
#42426b 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

#114dd0 Protanomaly 1% of men, 0.01% of women
#1151c0 Deuteranomaly 6% of men, 0.4% of women
#1155a2 Tritanomaly 0.01% of the population

#3030fd hex color

#3030fd Color Information

#3030fd Color Conversion

Color Schemes with #3030fd

Alternatives to #3030fd

#3030fd Preview

Shades and Tints of #3030fd

Tones of #3030fd

Color Blindness Simulator