#30aebd hex color

In a RGB color space, hex #30aebd is composed of 18.8% red, 68.2% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 7.9% magenta, 0% yellow and 25.9% black. It has a hue angle of 186.4 degrees, a saturation of 59.5% and a lightness of 46.5%. #30aebd color hex could be obtained by blending #60ffff with #005d7b. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 68
- B 74
RGB color chart
- C 75
- M 8
- Y 0
- K 26
CMYK color chart

● #30aebd color description : Moderate cyan.

The hexadecimal color #30aebd has RGB values of R:48, G:174, B:189 and CMYK values of C:0.75, M:0.08, Y:0, K:0.26. Its decimal value is 3190461.

Hex triplet	30aebd	`#30aebd`
RGB Decimal	48, 174, 189	`rgb(48,174,189)`
RGB Percent	18.8, 68.2, 74.1	`rgb(18.8%,68.2%,74.1%)`
CMYK	75, 8, 0, 26
HSL	186.4°, 59.5, 46.5	`hsl(186.4,59.5%,46.5%)`
HSV (or HSB)	186.4°, 74.6, 74.1
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.414, -28.284, -17.419
XYZ	25.538, 34.572, 53.469
xyY	0.225, 0.304, 34.572
CIE-LCH	65.414, 33.218, 211.628
CIE-LUV	65.414, -44.941, -22.699
Hunter-Lab	58.798, -25.369, -12.757
Binary	00110000, 10101110, 10111101

#30aebd
```
#30aebd rgb(48,174,189)
```
#bd3f30
```
#bd3f30 rgb(189,63,48)
```

Complementary Color

#30bd86
```
#30bd86 rgb(48,189,134)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#3068bd
```
#3068bd rgb(48,104,189)
```

Analogous Color

#bd8630
```
#bd8630 rgb(189,134,48)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#bd3068
```
#bd3068 rgb(189,48,104)
```

Split Complementary Color

#aebd30
```
#aebd30 rgb(174,189,48)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#bd30ae
```
#bd30ae rgb(189,48,174)
```

Triadic Color

#30bd3f
```
#30bd3f rgb(48,189,63)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#bd30ae
```
#bd30ae rgb(189,48,174)
```
#bd3f30
```
#bd3f30 rgb(189,63,48)
```

Tetradic Color

#217680
```
#217680 rgb(33,118,128)
```
#268994
```
#268994 rgb(38,137,148)
```
#2b9ba9
```
#2b9ba9 rgb(43,155,169)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#3abdcd
```
#3abdcd rgb(58,189,205)
```
#4ec4d2
```
#4ec4d2 rgb(78,196,210)
```
#62cbd7
```
#62cbd7 rgb(98,203,215)
```

Monochromatic Color

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

#30bda9
```
#30bda9 rgb(48,189,169)
```
#30bdb5
```
#30bdb5 rgb(48,189,181)
```
#30babd
```
#30babd rgb(48,186,189)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#30a2bd
```
#30a2bd rgb(48,162,189)
```
#3097bd
```
#3097bd rgb(48,151,189)
```
#308bbd
```
#308bbd rgb(48,139,189)
```

Similar Colors

Text with hexadecimal color #30aebd

This text has a font color of #30aebd.

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

#30aebd background color

This paragraph has a background color of #30aebd.

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

#30aebd border color

This element has a border color of #30aebd.

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

CSS codes

.text {color:#30aebd;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#041011
```
#041011 rgb(4,16,17)
```
#081e21
```
#081e21 rgb(8,30,33)
```
#0c2c30
```
#0c2c30 rgb(12,44,48)
```
#103b40
```
#103b40 rgb(16,59,64)
```
#144950
```
#144950 rgb(20,73,80)
```
#18585f
```
#18585f rgb(24,88,95)
```
#1c666f
```
#1c666f rgb(28,102,111)
```
#20747e
```
#20747e rgb(32,116,126)
```
#24838e
```
#24838e rgb(36,131,142)
```
#28919e
```
#28919e rgb(40,145,158)
```
#2ca0ad
```
#2ca0ad rgb(44,160,173)
```
#30aebd
```
#30aebd rgb(48,174,189)
```

Shade Color Variation

#35bccc
```
#35bccc rgb(53,188,204)
```
#45c1d0
```
#45c1d0 rgb(69,193,208)
```
#54c6d4
```
#54c6d4 rgb(84,198,212)
```
#64cbd8
```
#64cbd8 rgb(100,203,216)
```
#74d1dc
```
#74d1dc rgb(116,209,220)
```
#83d6e0
```
#83d6e0 rgb(131,214,224)
```
#93dbe4
```
#93dbe4 rgb(147,219,228)
```
#a2e0e7
```
#a2e0e7 rgb(162,224,231)
```
#b2e5eb
```
#b2e5eb rgb(178,229,235)
```
#c2ebef
```
#c2ebef rgb(194,235,239)
```
#d1f0f3
```
#d1f0f3 rgb(209,240,243)
```
#e1f5f7
```
#e1f5f7 rgb(225,245,247)
```
#f1fafb
```
#f1fafb rgb(241,250,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707c7d is the less saturated color, while #02d2eb is the most saturated one.

#707c7d
```
#707c7d rgb(112,124,125)
```
#678386
```
#678386 rgb(103,131,134)
```
#5e8a8f
```
#5e8a8f rgb(94,138,143)
```
#549199
```
#549199 rgb(84,145,153)
```
#4b98a2
```
#4b98a2 rgb(75,152,162)
```
#42a0ab
```
#42a0ab rgb(66,160,171)
```
#39a7b4
```
#39a7b4 rgb(57,167,180)
```
#30aebd
```
#30aebd rgb(48,174,189)
```
#27b5c6
```
#27b5c6 rgb(39,181,198)
```
#1ebccf
```
#1ebccf rgb(30,188,207)
```
#15c4d8
```
#15c4d8 rgb(21,196,216)
```
#0ccbe1
```
#0ccbe1 rgb(12,203,225)
```
#02d2eb
```
#02d2eb rgb(2,210,235)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#789194 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a2b7 Protanopia 1% of men
#a0a0c7 Deuteranopia 1% of men
#39b2bf Tritanopia 0.001% of the population

Trichromacy

#77a6b9 Protanomaly 1% of men, 0.01% of women
#77a5c3 Deuteranomaly 6% of men, 0.4% of women
#36b0be Tritanomaly 0.01% of the population

#30aebd hex color

#30aebd Color Information

#30aebd Color Conversion

Color Schemes with #30aebd

Alternatives to #30aebd

#30aebd Preview

Shades and Tints of #30aebd

Tones of #30aebd

Color Blindness Simulator