#30bfd9 hex color

In a RGB color space, hex #30bfd9 is composed of 18.8% red, 74.9% green and 85.1% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 12% magenta, 0% yellow and 14.9% black. It has a hue angle of 189.2 degrees, a saturation of 69% and a lightness of 52%. #30bfd9 color hex could be obtained by blending #60ffff with #007fb3. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 75
- B 85
RGB color chart
- C 78
- M 12
- Y 0
- K 15
CMYK color chart

● #30bfd9 color description : Bright cyan.

The hexadecimal color #30bfd9 has RGB values of R:48, G:191, B:217 and CMYK values of C:0.78, M:0.12, Y:0, K:0.15. Its decimal value is 3194841.

Hex triplet	30bfd9	`#30bfd9`
RGB Decimal	48, 191, 217	`rgb(48,191,217)`
RGB Percent	18.8, 74.9, 85.1	`rgb(18.8%,74.9%,85.1%)`
CMYK	78, 12, 0, 15
HSL	189.2°, 69, 52	`hsl(189.2,69%,52%)`
HSV (or HSB)	189.2°, 77.9, 85.1
Web Safe	33cccc	`#33cccc`

CIE-LAB	71.485, -27.917, -23.58
XYZ	32.371, 42.897, 72.216
xyY	0.219, 0.291, 42.897
CIE-LCH	71.485, 36.543, 220.187
CIE-LUV	71.485, -49.027, -33.222
Hunter-Lab	65.496, -26.395, -19.526
Binary	00110000, 10111111, 11011001

#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#d94a30
```
#d94a30 rgb(217,74,48)
```

Complementary Color

#30d99f
```
#30d99f rgb(48,217,159)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#306bd9
```
#306bd9 rgb(48,107,217)
```

Analogous Color

#d99f30
```
#d99f30 rgb(217,159,48)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#d9306b
```
#d9306b rgb(217,48,107)
```

Split Complementary Color

#bfd930
```
#bfd930 rgb(191,217,48)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#d930bf
```
#d930bf rgb(217,48,191)
```

Triadic Color

#30d94a
```
#30d94a rgb(48,217,74)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#d930bf
```
#d930bf rgb(217,48,191)
```
#d94a30
```
#d94a30 rgb(217,74,48)
```

Tetradic Color

#1d8b9f
```
#1d8b9f rgb(29,139,159)
```
#219eb5
```
#219eb5 rgb(33,158,181)
```
#25b1ca
```
#25b1ca rgb(37,177,202)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#46c6dd
```
#46c6dd rgb(70,198,221)
```
#5bcce1
```
#5bcce1 rgb(91,204,225)
```
#71d3e5
```
#71d3e5 rgb(113,211,229)
```

Monochromatic Color

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

#30d9c9
```
#30d9c9 rgb(48,217,201)
```
#30d9d7
```
#30d9d7 rgb(48,217,215)
```
#30cdd9
```
#30cdd9 rgb(48,205,217)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#30b1d9
```
#30b1d9 rgb(48,177,217)
```
#30a3d9
```
#30a3d9 rgb(48,163,217)
```
#3095d9
```
#3095d9 rgb(48,149,217)
```

Similar Colors

Text with hexadecimal color #30bfd9

This text has a font color of #30bfd9.

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

#30bfd9 background color

This paragraph has a background color of #30bfd9.

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

#30bfd9 border color

This element has a border color of #30bfd9.

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

CSS codes

.text {color:#30bfd9;}

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

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

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

#020708
```
#020708 rgb(2,7,8)
```
#051619
```
#051619 rgb(5,22,25)
```
#08242a
```
#08242a rgb(8,36,42)
```
#0b333a
```
#0b333a rgb(11,51,58)
```
#0e414b
```
#0e414b rgb(14,65,75)
```
#11505b
```
#11505b rgb(17,80,91)
```
#145e6c
```
#145e6c rgb(20,94,108)
```
#176d7c
```
#176d7c rgb(23,109,124)
```
#1a7b8d
```
#1a7b8d rgb(26,123,141)
```
#1d8a9e
```
#1d8a9e rgb(29,138,158)
```
#2098ae
```
#2098ae rgb(32,152,174)
```
#23a7bf
```
#23a7bf rgb(35,167,191)
```
#26b5cf
```
#26b5cf rgb(38,181,207)
```

Shade Color Variation

#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#41c4dc
```
#41c4dc rgb(65,196,220)
```
#51c9df
```
#51c9df rgb(81,201,223)
```
#62cee2
```
#62cee2 rgb(98,206,226)
```
#72d3e5
```
#72d3e5 rgb(114,211,229)
```
#83d9e8
```
#83d9e8 rgb(131,217,232)
```
#93deeb
```
#93deeb rgb(147,222,235)
```
#a4e3ee
```
#a4e3ee rgb(164,227,238)
```
#b5e8f1
```
#b5e8f1 rgb(181,232,241)
```
#c5edf4
```
#c5edf4 rgb(197,237,244)
```
#d6f2f7
```
#d6f2f7 rgb(214,242,247)
```
#e6f7fa
```
#e6f7fa rgb(230,247,250)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7b8b8e is the less saturated color, while #0ad9ff is the most saturated one.

#7b8b8e
```
#7b8b8e rgb(123,139,142)
```
#729197
```
#729197 rgb(114,145,151)
```
#6998a0
```
#6998a0 rgb(105,152,160)
```
#5f9eaa
```
#5f9eaa rgb(95,158,170)
```
#56a5b3
```
#56a5b3 rgb(86,165,179)
```
#4cabbd
```
#4cabbd rgb(76,171,189)
```
#43b2c6
```
#43b2c6 rgb(67,178,198)
```
#39b8d0
```
#39b8d0 rgb(57,184,208)
```
#30bfd9
```
#30bfd9 rgb(48,191,217)
```
#27c6e2
```
#27c6e2 rgb(39,198,226)
```
#1dccec
```
#1dccec rgb(29,204,236)
```
#14d3f5
```
#14d3f5 rgb(20,211,245)
```
#0ad9ff
```
#0ad9ff rgb(10,217,255)
```

Tone Color Variation

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

#979797 Achromatopsia 0.005% of the population
#829fa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#acb1d0 Protanopia 1% of men
#a9b0e1 Deuteranopia 1% of men
#30c3d2 Tritanopia 0.001% of the population

Trichromacy

#7fb6d3 Protanomaly 1% of men, 0.01% of women
#7db5de Deuteranomaly 6% of men, 0.4% of women
#30c2d4 Tritanomaly 0.01% of the population

#30bfd9 hex color

#30bfd9 Color Information

#30bfd9 Color Conversion

Color Schemes with #30bfd9

Alternatives to #30bfd9

#30bfd9 Preview

Shades and Tints of #30bfd9

Tones of #30bfd9

Color Blindness Simulator