colorhexa.com

#30bcd7 hex color

In a RGB color space, hex #30bcd7 is composed of 18.8% red, 73.7% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 12.6% magenta, 0% yellow and 15.7% black. It has a hue angle of 189.7 degrees, a saturation of 67.6% and a lightness of 51.6%. #30bcd7 color hex could be obtained by blending #60ffff with #0079af. Closest websafe color is: #33cccc.

- R 19
- G 74
- B 84
RGB color chart
- C 78
- M 13
- Y 0
- K 16
CMYK color chart

● #30bcd7 color description : Strong cyan.

The hexadecimal color #30bcd7 has RGB values of R:48, G:188, B:215 and CMYK values of C:0.78, M:0.13, Y:0, K:0.16. Its decimal value is 3194071.

Hex triplet	30bcd7	`#30bcd7`
RGB Decimal	48, 188, 215	`rgb(48,188,215)`
RGB Percent	18.8, 73.7, 84.3	`rgb(18.8%,73.7%,84.3%)`
CMYK	78, 13, 0, 16
HSL	189.7°, 67.6, 51.6	`hsl(189.7,67.6%,51.6%)`
HSV (or HSB)	189.7°, 77.7, 84.3
Web Safe	33cccc	`#33cccc`

CIE-LAB	70.524, -27.062, -23.958
XYZ	31.464, 41.498, 70.638
xyY	0.219, 0.289, 41.498
CIE-LCH	70.524, 36.144, 221.518
CIE-LUV	70.524, -48.116, -33.91
Hunter-Lab	64.419, -25.548, -19.92
Binary	00110000, 10111100, 11010111

#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#d74b30
```
#d74b30 rgb(215,75,48)
```

Complementary Color

#30d79f
```
#30d79f rgb(48,215,159)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#3069d7
```
#3069d7 rgb(48,105,215)
```

Analogous Color

#d79f30
```
#d79f30 rgb(215,159,48)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#d73069
```
#d73069 rgb(215,48,105)
```

Split Complementary Color

#bcd730
```
#bcd730 rgb(188,215,48)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#d730bc
```
#d730bc rgb(215,48,188)
```

Triadic Color

#30d74b
```
#30d74b rgb(48,215,75)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#d730bc
```
#d730bc rgb(215,48,188)
```
#d74b30
```
#d74b30 rgb(215,75,48)
```

Tetradic Color

#1e889c
```
#1e889c rgb(30,136,156)
```
#229ab2
```
#229ab2 rgb(34,154,178)
```
#26adc7
```
#26adc7 rgb(38,173,199)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#45c3db
```
#45c3db rgb(69,195,219)
```
#5bcadf
```
#5bcadf rgb(91,202,223)
```
#70d1e3
```
#70d1e3 rgb(112,209,227)
```

Monochromatic Color

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

#30d7c8
```
#30d7c8 rgb(48,215,200)
```
#30d7d6
```
#30d7d6 rgb(48,215,214)
```
#30cad7
```
#30cad7 rgb(48,202,215)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#30aed7
```
#30aed7 rgb(48,174,215)
```
#30a0d7
```
#30a0d7 rgb(48,160,215)
```
#3092d7
```
#3092d7 rgb(48,146,215)
```

Similar Colors

Text with hexadecimal color #30bcd7

This text has a font color of #30bcd7.

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

#30bcd7 background color

This paragraph has a background color of #30bcd7.

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

#30bcd7 border color

This element has a border color of #30bcd7.

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

CSS codes

.text {color:#30bcd7;}

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

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

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

#010607
```
#010607 rgb(1,6,7)
```
#041417
```
#041417 rgb(4,20,23)
```
#082228
```
#082228 rgb(8,34,40)
```
#0b3138
```
#0b3138 rgb(11,49,56)
```
#0e3f48
```
#0e3f48 rgb(14,63,72)
```
#114d59
```
#114d59 rgb(17,77,89)
```
#145c69
```
#145c69 rgb(20,92,105)
```
#186a7a
```
#186a7a rgb(24,106,122)
```
#1b788a
```
#1b788a rgb(27,120,138)
```
#1e869b
```
#1e869b rgb(30,134,155)
```
#2195ab
```
#2195ab rgb(33,149,171)
```
#24a3bc
```
#24a3bc rgb(36,163,188)
```
#27b1cc
```
#27b1cc rgb(39,177,204)
```

Shade Color Variation

#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#40c1da
```
#40c1da rgb(64,193,218)
```
#51c7dd
```
#51c7dd rgb(81,199,221)
```
#61cce1
```
#61cce1 rgb(97,204,225)
```
#72d1e4
```
#72d1e4 rgb(114,209,228)
```
#82d7e7
```
#82d7e7 rgb(130,215,231)
```
#93dcea
```
#93dcea rgb(147,220,234)
```
#a3e1ed
```
#a3e1ed rgb(163,225,237)
```
#b4e7f0
```
#b4e7f0 rgb(180,231,240)
```
#c4ecf4
```
#c4ecf4 rgb(196,236,244)
```
#d4f1f7
```
#d4f1f7 rgb(212,241,247)
```
#e5f7fa
```
#e5f7fa rgb(229,247,250)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#7c898b
```
#7c898b rgb(124,137,139)
```
#738f95
```
#738f95 rgb(115,143,149)
```
#69959e
```
#69959e rgb(105,149,158)
```
#609ca8
```
#609ca8 rgb(96,156,168)
```
#56a2b1
```
#56a2b1 rgb(86,162,177)
```
#4da9bb
```
#4da9bb rgb(77,169,187)
```
#43afc4
```
#43afc4 rgb(67,175,196)
```
#3ab6ce
```
#3ab6ce rgb(58,182,206)
```
#30bcd7
```
#30bcd7 rgb(48,188,215)
```
#27c2e1
```
#27c2e1 rgb(39,194,225)
```
#1dc9ea
```
#1dc9ea rgb(29,201,234)
```
#13cff4
```
#13cff4 rgb(19,207,244)
```
#0ad6fd
```
#0ad6fd rgb(10,214,253)
```

Tone Color Variation

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

#959595 Achromatopsia 0.005% of the population
#819da2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9afce Protanopia 1% of men
#a6aedf Deuteranopia 1% of men
#2ec1cf Tritanopia 0.001% of the population

Trichromacy

#7db3d1 Protanomaly 1% of men, 0.01% of women
#7bb3dc Deuteranomaly 6% of men, 0.4% of women
#2fbfd2 Tritanomaly 0.01% of the population