#30b0fc hex color

In a RGB color space, hex #30b0fc is composed of 18.8% red, 69% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 30.2% magenta, 0% yellow and 1.2% black. It has a hue angle of 202.4 degrees, a saturation of 97.1% and a lightness of 58.8%. #30b0fc color hex could be obtained by blending #60ffff with #0061f9. Closest websafe color is: #3399ff.

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

● #30b0fc color description : Bright blue.

The hexadecimal color #30b0fc has RGB values of R:48, G:176, B:252 and CMYK values of C:0.81, M:0.3, Y:0, K:0.01. Its decimal value is 3191036.

Hex triplet	30b0fc	`#30b0fc`
RGB Decimal	48, 176, 252	`rgb(48,176,252)`
RGB Percent	18.8, 69, 98.8	`rgb(18.8%,69%,98.8%)`
CMYK	81, 30, 0, 1
HSL	202.4°, 97.1, 58.8	`hsl(202.4,97.1%,58.8%)`
HSV (or HSB)	202.4°, 81, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	68.536, -8.368, -47.186
XYZ	34.311, 38.704, 97.752
xyY	0.201, 0.227, 38.704
CIE-LCH	68.536, 47.922, 259.944
CIE-LUV	68.536, -41.621, -75.519
Hunter-Lab	62.213, -10.429, -49.611
Binary	00110000, 10110000, 11111100

#30b0fc
```
#30b0fc rgb(48,176,252)
```
#fc7c30
```
#fc7c30 rgb(252,124,48)
```

Complementary Color

#30fce2
```
#30fce2 rgb(48,252,226)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#304afc
```
#304afc rgb(48,74,252)
```

Analogous Color

#fce230
```
#fce230 rgb(252,226,48)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#fc304a
```
#fc304a rgb(252,48,74)
```

Split Complementary Color

#b0fc30
```
#b0fc30 rgb(176,252,48)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#fc30b0
```
#fc30b0 rgb(252,48,176)
```

Triadic Color

#30fc7c
```
#30fc7c rgb(48,252,124)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#fc30b0
```
#fc30b0 rgb(252,48,176)
```
#fc7c30
```
#fc7c30 rgb(252,124,48)
```

Tetradic Color

#038bdc
```
#038bdc rgb(3,139,220)
```
#049bf5
```
#049bf5 rgb(4,155,245)
```
#17a6fc
```
#17a6fc rgb(23,166,252)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#49bafc
```
#49bafc rgb(73,186,252)
```
#62c3fd
```
#62c3fd rgb(98,195,253)
```
#7bcdfd
```
#7bcdfd rgb(123,205,253)
```

Monochromatic Color

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

#30e3fc
```
#30e3fc rgb(48,227,252)
```
#30d2fc
```
#30d2fc rgb(48,210,252)
```
#30c1fc
```
#30c1fc rgb(48,193,252)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#309ffc
```
#309ffc rgb(48,159,252)
```
#308efc
```
#308efc rgb(48,142,252)
```
#307dfc
```
#307dfc rgb(48,125,252)
```

Similar Colors

Text with hexadecimal color #30b0fc

This text has a font color of #30b0fc.

<span style="color:#30b0fc;">Text here</span>

#30b0fc background color

This paragraph has a background color of #30b0fc.

<p style="background-color:#30b0fc;">Content here</p>

#30b0fc border color

This element has a border color of #30b0fc.

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

CSS codes

.text {color:#30b0fc;}

.background {background-color:#30b0fc;}

.border {border:1px solid #30b0fc;}

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

#000406
```
#000406 rgb(0,4,6)
```
#001019
```
#001019 rgb(0,16,25)
```
#011c2c
```
#011c2c rgb(1,28,44)
```
#012840
```
#012840 rgb(1,40,64)
```
#013553
```
#013553 rgb(1,53,83)
```
#014166
```
#014166 rgb(1,65,102)
```
#024d7a
```
#024d7a rgb(2,77,122)
```
#02598d
```
#02598d rgb(2,89,141)
```
#0265a0
```
#0265a0 rgb(2,101,160)
```
#0372b4
```
#0372b4 rgb(3,114,180)
```
#037ec7
```
#037ec7 rgb(3,126,199)
```
#038ada
```
#038ada rgb(3,138,218)
```
#0396ee
```
#0396ee rgb(3,150,238)
```

Shade Color Variation

#09a1fb
```
#09a1fb rgb(9,161,251)
```
#1da9fc
```
#1da9fc rgb(29,169,252)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```
#43b7fc
```
#43b7fc rgb(67,183,252)
```
#57bffd
```
#57bffd rgb(87,191,253)
```
#6ac6fd
```
#6ac6fd rgb(106,198,253)
```
#7dcefd
```
#7dcefd rgb(125,206,253)
```
#91d5fd
```
#91d5fd rgb(145,213,253)
```
#a4dcfe
```
#a4dcfe rgb(164,220,254)
```
#b7e4fe
```
#b7e4fe rgb(183,228,254)
```
#cbebfe
```
#cbebfe rgb(203,235,254)
```
#def2ff
```
#def2ff rgb(222,242,255)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#91979b
```
#91979b rgb(145,151,155)
```
#8999a3
```
#8999a3 rgb(137,153,163)
```
#819bab
```
#819bab rgb(129,155,171)
```
#799db3
```
#799db3 rgb(121,157,179)
```
#71a0bb
```
#71a0bb rgb(113,160,187)
```
#69a2c3
```
#69a2c3 rgb(105,162,195)
```
#60a4cc
```
#60a4cc rgb(96,164,204)
```
#58a6d4
```
#58a6d4 rgb(88,166,212)
```
#50a8dc
```
#50a8dc rgb(80,168,220)
```
#48aae4
```
#48aae4 rgb(72,170,228)
```
#40acec
```
#40acec rgb(64,172,236)
```
#38aef4
```
#38aef4 rgb(56,174,244)
```
#30b0fc
```
#30b0fc rgb(48,176,252)
```

Tone Color Variation

Below, you can see how #30b0fc 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

#929292 Achromatopsia 0.005% of the population
#7e98a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a9f4 Protanopia 1% of men
#7dabff Deuteranopia 1% of men
#00bcc9 Tritanopia 0.001% of the population

Trichromacy

#6dabf6 Protanomaly 1% of men, 0.01% of women
#61adfd Deuteranomaly 6% of men, 0.4% of women
#11b7db Tritanomaly 0.01% of the population

#30b0fc hex color

#30b0fc Color Information

#30b0fc Color Conversion

Color Schemes with #30b0fc

Alternatives to #30b0fc

#30b0fc Preview

Shades and Tints of #30b0fc

Tones of #30b0fc

Color Blindness Simulator