#30a7fa hex color

In a RGB color space, hex #30a7fa is composed of 18.8% red, 65.5% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.8% cyan, 33.2% magenta, 0% yellow and 2% black. It has a hue angle of 204.7 degrees, a saturation of 95.3% and a lightness of 58.4%. #30a7fa color hex could be obtained by blending #60ffff with #004ff5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 65
- B 98
RGB color chart
- C 81
- M 33
- Y 0
- K 2
CMYK color chart

● #30a7fa color description : Bright blue.

The hexadecimal color #30a7fa has RGB values of R:48, G:167, B:250 and CMYK values of C:0.81, M:0.33, Y:0, K:0.02. Its decimal value is 3188730.

Hex triplet	30a7fa	`#30a7fa`
RGB Decimal	48, 167, 250	`rgb(48,167,250)`
RGB Percent	18.8, 65.5, 98	`rgb(18.8%,65.5%,98%)`
CMYK	81, 33, 0, 2
HSL	204.7°, 95.3, 58.4	`hsl(204.7,95.3%,58.4%)`
HSV (or HSB)	204.7°, 80.8, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.877, -4.039, -50.293
XYZ	32.289, 35.165, 95.523
xyY	0.198, 0.216, 35.165
CIE-LCH	65.877, 50.455, 265.408
CIE-LUV	65.877, -38.739, -80.833
Hunter-Lab	59.3, -6.583, -53.997
Binary	00110000, 10100111, 11111010

#30a7fa
```
#30a7fa rgb(48,167,250)
```
#fa8330
```
#fa8330 rgb(250,131,48)
```

Complementary Color

#30fae8
```
#30fae8 rgb(48,250,232)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#3042fa
```
#3042fa rgb(48,66,250)
```

Analogous Color

#fae830
```
#fae830 rgb(250,232,48)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#fa3042
```
#fa3042 rgb(250,48,66)
```

Split Complementary Color

#a7fa30
```
#a7fa30 rgb(167,250,48)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#fa30a7
```
#fa30a7 rgb(250,48,167)
```

Triadic Color

#30fa83
```
#30fa83 rgb(48,250,131)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#fa30a7
```
#fa30a7 rgb(250,48,167)
```
#fa8330
```
#fa8330 rgb(250,131,48)
```

Tetradic Color

#0582d8
```
#0582d8 rgb(5,130,216)
```
#0690f1
```
#0690f1 rgb(6,144,241)
```
#179cf9
```
#179cf9 rgb(23,156,249)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#49b2fb
```
#49b2fb rgb(73,178,251)
```
#62bcfb
```
#62bcfb rgb(98,188,251)
```
#7bc7fc
```
#7bc7fc rgb(123,199,252)
```

Monochromatic Color

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

#30dafa
```
#30dafa rgb(48,218,250)
```
#30c9fa
```
#30c9fa rgb(48,201,250)
```
#30b8fa
```
#30b8fa rgb(48,184,250)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#3096fa
```
#3096fa rgb(48,150,250)
```
#3085fa
```
#3085fa rgb(48,133,250)
```
#3075fa
```
#3075fa rgb(48,117,250)
```

Similar Colors

Text with hexadecimal color #30a7fa

This text has a font color of #30a7fa.

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

#30a7fa background color

This paragraph has a background color of #30a7fa.

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

#30a7fa border color

This element has a border color of #30a7fa.

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

CSS codes

.text {color:#30a7fa;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#010e17
```
#010e17 rgb(1,14,23)
```
#01192a
```
#01192a rgb(1,25,42)
```
#01253d
```
#01253d rgb(1,37,61)
```
#023050
```
#023050 rgb(2,48,80)
```
#023c63
```
#023c63 rgb(2,60,99)
```
#034777
```
#034777 rgb(3,71,119)
```
#03538a
```
#03538a rgb(3,83,138)
```
#045e9d
```
#045e9d rgb(4,94,157)
```
#0469b0
```
#0469b0 rgb(4,105,176)
```
#0575c3
```
#0575c3 rgb(5,117,195)
```
#0580d6
```
#0580d6 rgb(5,128,214)
```
#068cea
```
#068cea rgb(6,140,234)
```

Shade Color Variation

#0a97f9
```
#0a97f9 rgb(10,151,249)
```
#1d9ffa
```
#1d9ffa rgb(29,159,250)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```
#43affa
```
#43affa rgb(67,175,250)
```
#56b7fb
```
#56b7fb rgb(86,183,251)
```
#69bffb
```
#69bffb rgb(105,191,251)
```
#7dc8fc
```
#7dc8fc rgb(125,200,252)
```
#90d0fc
```
#90d0fc rgb(144,208,252)
```
#a3d8fd
```
#a3d8fd rgb(163,216,253)
```
#b6e0fd
```
#b6e0fd rgb(182,224,253)
```
#c9e8fe
```
#c9e8fe rgb(201,232,254)
```
#dcf0fe
```
#dcf0fe rgb(220,240,254)
```
#f0f8ff
```
#f0f8ff rgb(240,248,255)
```

Tint Color Variation

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

#929698
```
#929698 rgb(146,150,152)
```
#8a97a0
```
#8a97a0 rgb(138,151,160)
```
#8298a8
```
#8298a8 rgb(130,152,168)
```
#799ab1
```
#799ab1 rgb(121,154,177)
```
#719bb9
```
#719bb9 rgb(113,155,185)
```
#699dc1
```
#699dc1 rgb(105,157,193)
```
#619ec9
```
#619ec9 rgb(97,158,201)
```
#59a0d1
```
#59a0d1 rgb(89,160,209)
```
#51a1d9
```
#51a1d9 rgb(81,161,217)
```
#48a3e2
```
#48a3e2 rgb(72,163,226)
```
#40a4ea
```
#40a4ea rgb(64,164,234)
```
#38a6f2
```
#38a6f2 rgb(56,166,242)
```
#30a7fa
```
#30a7fa rgb(48,167,250)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7a92a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#85a2f3 Protanopia 1% of men
#6da5fc Deuteranopia 1% of men
#00b5c1 Tritanopia 0.001% of the population

Trichromacy

#66a4f5 Protanomaly 1% of men, 0.01% of women
#56a5fb Deuteranomaly 6% of men, 0.4% of women
#11afd5 Tritanomaly 0.01% of the population

#30a7fa hex color

#30a7fa Color Information

#30a7fa Color Conversion

Color Schemes with #30a7fa

Alternatives to #30a7fa

#30a7fa Preview

Shades and Tints of #30a7fa

Tones of #30a7fa

Color Blindness Simulator