#30b8f6 hex color

In a RGB color space, hex #30b8f6 is composed of 18.8% red, 72.2% green and 96.5% blue. Whereas in a CMYK color space, it is composed of 80.5% cyan, 25.2% magenta, 0% yellow and 3.5% black. It has a hue angle of 198.8 degrees, a saturation of 91.7% and a lightness of 57.6%. #30b8f6 color hex could be obtained by blending #60ffff with #0071ed. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 72
- B 96
RGB color chart
- C 80
- M 25
- Y 0
- K 4
CMYK color chart

● #30b8f6 color description : Bright blue.

The hexadecimal color #30b8f6 has RGB values of R:48, G:184, B:246 and CMYK values of C:0.8, M:0.25, Y:0, K:0.04. Its decimal value is 3193078.

Hex triplet	30b8f6	`#30b8f6`
RGB Decimal	48, 184, 246	`rgb(48,184,246)`
RGB Percent	18.8, 72.2, 96.5	`rgb(18.8%,72.2%,96.5%)`
CMYK	80, 25, 0, 4
HSL	198.8°, 91.7, 57.6	`hsl(198.8,91.7%,57.6%)`
HSV (or HSB)	198.8°, 80.5, 96.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.566, -14.784, -40.753
XYZ	34.99, 41.56, 93.361
xyY	0.206, 0.245, 41.56
CIE-LCH	70.566, 43.352, 250.06
CIE-LUV	70.566, -44.681, -64.009
Hunter-Lab	64.467, -15.936, -40.737
Binary	00110000, 10111000, 11110110

#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#f66e30
```
#f66e30 rgb(246,110,48)
```

Complementary Color

#30f6d1
```
#30f6d1 rgb(48,246,209)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#3055f6
```
#3055f6 rgb(48,85,246)
```

Analogous Color

#f6d130
```
#f6d130 rgb(246,209,48)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#f63055
```
#f63055 rgb(246,48,85)
```

Split Complementary Color

#b8f630
```
#b8f630 rgb(184,246,48)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#f630b8
```
#f630b8 rgb(246,48,184)
```

Triadic Color

#30f66e
```
#30f66e rgb(48,246,110)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#f630b8
```
#f630b8 rgb(246,48,184)
```
#f66e30
```
#f66e30 rgb(246,110,48)
```

Tetradic Color

#0992d0
```
#0992d0 rgb(9,146,208)
```
#0aa3e9
```
#0aa3e9 rgb(10,163,233)
```
#18b0f5
```
#18b0f5 rgb(24,176,245)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#48c0f7
```
#48c0f7 rgb(72,192,247)
```
#61c9f8
```
#61c9f8 rgb(97,201,248)
```
#79d1f9
```
#79d1f9 rgb(121,209,249)
```

Monochromatic Color

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

#30eaf6
```
#30eaf6 rgb(48,234,246)
```
#30d9f6
```
#30d9f6 rgb(48,217,246)
```
#30c9f6
```
#30c9f6 rgb(48,201,246)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#30a8f6
```
#30a8f6 rgb(48,168,246)
```
#3097f6
```
#3097f6 rgb(48,151,246)
```
#3087f6
```
#3087f6 rgb(48,135,246)
```

Similar Colors

Text with hexadecimal color #30b8f6

This text has a font color of #30b8f6.

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

#30b8f6 background color

This paragraph has a background color of #30b8f6.

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

#30b8f6 border color

This element has a border color of #30b8f6.

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

CSS codes

.text {color:#30b8f6;}

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

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

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, #010d13 is the darkest color, while #ffffff is the lightest one.

#010d13
```
#010d13 rgb(1,13,19)
```
#021a25
```
#021a25 rgb(2,26,37)
```
#022738
```
#022738 rgb(2,39,56)
```
#03354b
```
#03354b rgb(3,53,75)
```
#04425e
```
#04425e rgb(4,66,94)
```
#054f71
```
#054f71 rgb(5,79,113)
```
#065c83
```
#065c83 rgb(6,92,131)
```
#076996
```
#076996 rgb(7,105,150)
```
#0776a9
```
#0776a9 rgb(7,118,169)
```
#0884bc
```
#0884bc rgb(8,132,188)
```
#0991cf
```
#0991cf rgb(9,145,207)
```
#0a9ee1
```
#0a9ee1 rgb(10,158,225)
```
#0babf4
```
#0babf4 rgb(11,171,244)
```

Shade Color Variation

#1db2f5
```
#1db2f5 rgb(29,178,245)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#43bef7
```
#43bef7 rgb(67,190,247)
```
#56c5f8
```
#56c5f8 rgb(86,197,248)
```
#68cbf8
```
#68cbf8 rgb(104,203,248)
```
#7bd2f9
```
#7bd2f9 rgb(123,210,249)
```
#8ed8fa
```
#8ed8fa rgb(142,216,250)
```
#a1dffb
```
#a1dffb rgb(161,223,251)
```
#b4e5fc
```
#b4e5fc rgb(180,229,252)
```
#c6ecfd
```
#c6ecfd rgb(198,236,253)
```
#d9f2fd
```
#d9f2fd rgb(217,242,253)
```
#ecf8fe
```
#ecf8fe rgb(236,248,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8b969b
```
#8b969b rgb(139,150,155)
```
#8399a3
```
#8399a3 rgb(131,153,163)
```
#7b9cab
```
#7b9cab rgb(123,156,171)
```
#729fb4
```
#729fb4 rgb(114,159,180)
```
#6aa2bc
```
#6aa2bc rgb(106,162,188)
```
#62a5c4
```
#62a5c4 rgb(98,165,196)
```
#5aa8cc
```
#5aa8cc rgb(90,168,204)
```
#51acd5
```
#51acd5 rgb(81,172,213)
```
#49afdd
```
#49afdd rgb(73,175,221)
```
#41b2e5
```
#41b2e5 rgb(65,178,229)
```
#38b5ee
```
#38b5ee rgb(56,181,238)
```
#30b8f6
```
#30b8f6 rgb(48,184,246)
```
#28bbfe
```
#28bbfe rgb(40,187,254)
```

Tone Color Variation

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

#969696 Achromatopsia 0.005% of the population
#829da9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9caeed Protanopia 1% of men
#8eaffb Deuteranopia 1% of men
#00c2cf Tritanopia 0.001% of the population

Trichromacy

#75b2f0 Protanomaly 1% of men, 0.01% of women
#6cb2f9 Deuteranomaly 6% of men, 0.4% of women
#11bedd Tritanomaly 0.01% of the population

#30b8f6 hex color

#30b8f6 Color Information

#30b8f6 Color Conversion

Color Schemes with #30b8f6

Alternatives to #30b8f6

#30b8f6 Preview

Shades and Tints of #30b8f6

Tones of #30b8f6

Color Blindness Simulator