#30cbfd hex color

In a RGB color space, hex #30cbfd is composed of 18.8% red, 79.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 81% cyan, 19.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 194.6 degrees, a saturation of 98.1% and a lightness of 59%. #30cbfd color hex could be obtained by blending #60ffff with #0097fb. Closest websafe color is: #33ccff.

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

● #30cbfd color description : Bright cyan.

The hexadecimal color #30cbfd has RGB values of R:48, G:203, B:253 and CMYK values of C:0.81, M:0.2, Y:0, K:0.01. Its decimal value is 3197949.

Hex triplet	30cbfd	`#30cbfd`
RGB Decimal	48, 203, 253	`rgb(48,203,253)`
RGB Percent	18.8, 79.6, 99.2	`rgb(18.8%,79.6%,99.2%)`
CMYK	81, 20, 0, 1
HSL	194.6°, 98.1, 59	`hsl(194.6,98.1%,59%)`
HSV (or HSB)	194.6°, 81, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.331, -22.352, -35.559
XYZ	40.3, 50.428, 100.533
xyY	0.211, 0.264, 50.428
CIE-LCH	76.331, 42, 237.846
CIE-LUV	76.331, -50.679, -54.687
Hunter-Lab	71.013, -22.974, -34.228
Binary	00110000, 11001011, 11111101

#30cbfd
```
#30cbfd rgb(48,203,253)
```
#fd6230
```
#fd6230 rgb(253,98,48)
```

Complementary Color

#30fdc9
```
#30fdc9 rgb(48,253,201)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#3065fd
```
#3065fd rgb(48,101,253)
```

Analogous Color

#fdc930
```
#fdc930 rgb(253,201,48)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#fd3065
```
#fd3065 rgb(253,48,101)
```

Split Complementary Color

#cbfd30
```
#cbfd30 rgb(203,253,48)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#fd30cb
```
#fd30cb rgb(253,48,203)
```

Triadic Color

#30fd62
```
#30fd62 rgb(48,253,98)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#fd30cb
```
#fd30cb rgb(253,48,203)
```
#fd6230
```
#fd6230 rgb(253,98,48)
```

Tetradic Color

#02a9de
```
#02a9de rgb(2,169,222)
```
#02bcf8
```
#02bcf8 rgb(2,188,248)
```
#17c5fd
```
#17c5fd rgb(23,197,253)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#49d1fd
```
#49d1fd rgb(73,209,253)
```
#63d8fd
```
#63d8fd rgb(99,216,253)
```
#7cdefe
```
#7cdefe rgb(124,222,254)
```

Monochromatic Color

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

#30fdfc
```
#30fdfc rgb(48,253,252)
```
#30edfd
```
#30edfd rgb(48,237,253)
```
#30dcfd
```
#30dcfd rgb(48,220,253)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#30bafd
```
#30bafd rgb(48,186,253)
```
#30a9fd
```
#30a9fd rgb(48,169,253)
```
#3098fd
```
#3098fd rgb(48,152,253)
```

Similar Colors

Text with hexadecimal color #30cbfd

This text has a font color of #30cbfd.

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

#30cbfd background color

This paragraph has a background color of #30cbfd.

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

#30cbfd border color

This element has a border color of #30cbfd.

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

CSS codes

.text {color:#30cbfd;}

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

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

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

#000507
```
#000507 rgb(0,5,7)
```
#00141a
```
#00141a rgb(0,20,26)
```
#00232e
```
#00232e rgb(0,35,46)
```
#013141
```
#013141 rgb(1,49,65)
```
#014054
```
#014054 rgb(1,64,84)
```
#014f68
```
#014f68 rgb(1,79,104)
```
#015d7b
```
#015d7b rgb(1,93,123)
```
#016c8f
```
#016c8f rgb(1,108,143)
```
#027ba2
```
#027ba2 rgb(2,123,162)
```
#028ab6
```
#028ab6 rgb(2,138,182)
```
#0298c9
```
#0298c9 rgb(2,152,201)
```
#02a7dc
```
#02a7dc rgb(2,167,220)
```
#02b6f0
```
#02b6f0 rgb(2,182,240)
```

Shade Color Variation

#09c1fd
```
#09c1fd rgb(9,193,253)
```
#1dc6fd
```
#1dc6fd rgb(29,198,253)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```
#43d0fd
```
#43d0fd rgb(67,208,253)
```
#57d5fd
```
#57d5fd rgb(87,213,253)
```
#6adafe
```
#6adafe rgb(106,218,254)
```
#7edffe
```
#7edffe rgb(126,223,254)
```
#91e3fe
```
#91e3fe rgb(145,227,254)
```
#a5e8fe
```
#a5e8fe rgb(165,232,254)
```
#b8edfe
```
#b8edfe rgb(184,237,254)
```
#cbf2ff
```
#cbf2ff rgb(203,242,255)
```
#dff7ff
```
#dff7ff rgb(223,247,255)
```
#f2fcff
```
#f2fcff rgb(242,252,255)
```

Tint Color Variation

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

#909a9d
```
#909a9d rgb(144,154,157)
```
#889ea5
```
#889ea5 rgb(136,158,165)
```
#80a2ad
```
#80a2ad rgb(128,162,173)
```
#78a6b5
```
#78a6b5 rgb(120,166,181)
```
#70aabd
```
#70aabd rgb(112,170,189)
```
#68aec5
```
#68aec5 rgb(104,174,197)
```
#60b2cd
```
#60b2cd rgb(96,178,205)
```
#58b6d5
```
#58b6d5 rgb(88,182,213)
```
#50bbdd
```
#50bbdd rgb(80,187,221)
```
#48bfe5
```
#48bfe5 rgb(72,191,229)
```
#40c3ed
```
#40c3ed rgb(64,195,237)
```
#38c7f5
```
#38c7f5 rgb(56,199,245)
```
#30cbfd
```
#30cbfd rgb(48,203,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8baab4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0bdf2 Protanopia 1% of men
#a9bdff Deuteranopia 1% of men
#00d2e1 Tritanopia 0.001% of the population

Trichromacy

#82c2f6 Protanomaly 1% of men, 0.01% of women
#7dc2fe Deuteranomaly 6% of men, 0.4% of women
#11cfeb Tritanomaly 0.01% of the population

#30cbfd hex color

#30cbfd Color Information

#30cbfd Color Conversion

Color Schemes with #30cbfd

Alternatives to #30cbfd

#30cbfd Preview

Shades and Tints of #30cbfd

Tones of #30cbfd

Color Blindness Simulator