#30ebd2 hex color

In a RGB color space, hex #30ebd2 is composed of 18.8% red, 92.2% green and 82.4% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 0% magenta, 10.6% yellow and 7.8% black. It has a hue angle of 172 degrees, a saturation of 82.4% and a lightness of 55.5%. #30ebd2 color hex could be obtained by blending #60ffff with #00d7a5. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 92
- B 82
RGB color chart
- C 80
- M 0
- Y 11
- K 8
CMYK color chart

● #30ebd2 color description : Bright cyan.

The hexadecimal color #30ebd2 has RGB values of R:48, G:235, B:210 and CMYK values of C:0.8, M:0, Y:0.11, K:0.08. Its decimal value is 3206098.

Hex triplet	30ebd2	`#30ebd2`
RGB Decimal	48, 235, 210	`rgb(48,235,210)`
RGB Percent	18.8, 92.2, 82.4	`rgb(18.8%,92.2%,82.4%)`
CMYK	80, 0, 11, 8
HSL	172°, 82.4, 55.5	`hsl(172,82.4%,55.5%)`
HSV (or HSB)	172°, 79.6, 92.2
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.326, -49.927, -0.63
XYZ	42.556, 64.694, 71.214
xyY	0.238, 0.363, 64.694
CIE-LCH	84.326, 49.931, 180.723
CIE-LUV	84.326, -64.747, 6.954
Hunter-Lab	80.433, -46.314, 3.808
Binary	00110000, 11101011, 11010010

#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#eb3049
```
#eb3049 rgb(235,48,73)
```

Complementary Color

#30eb75
```
#30eb75 rgb(48,235,117)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#30a7eb
```
#30a7eb rgb(48,167,235)
```

Analogous Color

#eb7530
```
#eb7530 rgb(235,117,48)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#eb30a7
```
#eb30a7 rgb(235,48,167)
```

Split Complementary Color

#ebd230
```
#ebd230 rgb(235,210,48)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#d230eb
```
#d230eb rgb(210,48,235)
```

Triadic Color

#49eb30
```
#49eb30 rgb(73,235,48)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#d230eb
```
#d230eb rgb(210,48,235)
```
#eb3049
```
#eb3049 rgb(235,48,73)
```

Tetradic Color

#12bca6
```
#12bca6 rgb(18,188,166)
```
#14d4ba
```
#14d4ba rgb(20,212,186)
```
#19e9cd
```
#19e9cd rgb(25,233,205)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#47edd7
```
#47edd7 rgb(71,237,215)
```
#5fefdc
```
#5fefdc rgb(95,239,220)
```
#76f2e1
```
#76f2e1 rgb(118,242,225)
```

Monochromatic Color

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

#30eba3
```
#30eba3 rgb(48,235,163)
```
#30ebb3
```
#30ebb3 rgb(48,235,179)
```
#30ebc2
```
#30ebc2 rgb(48,235,194)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#30ebe2
```
#30ebe2 rgb(48,235,226)
```
#30e5eb
```
#30e5eb rgb(48,229,235)
```
#30d5eb
```
#30d5eb rgb(48,213,235)
```

Similar Colors

Text with hexadecimal color #30ebd2

This text has a font color of #30ebd2.

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

#30ebd2 background color

This paragraph has a background color of #30ebd2.

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

#30ebd2 border color

This element has a border color of #30ebd2.

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

CSS codes

.text {color:#30ebd2;}

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

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

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

#010807
```
#010807 rgb(1,8,7)
```
#021a16
```
#021a16 rgb(2,26,22)
```
#042b26
```
#042b26 rgb(4,43,38)
```
#063d36
```
#063d36 rgb(6,61,54)
```
#084f46
```
#084f46 rgb(8,79,70)
```
#096155
```
#096155 rgb(9,97,85)
```
#0b7365
```
#0b7365 rgb(11,115,101)
```
#0d8575
```
#0d8575 rgb(13,133,117)
```
#0f9785
```
#0f9785 rgb(15,151,133)
```
#10a994
```
#10a994 rgb(16,169,148)
```
#12bba4
```
#12bba4 rgb(18,187,164)
```
#14ccb4
```
#14ccb4 rgb(20,204,180)
```
#15dec3
```
#15dec3 rgb(21,222,195)
```

Shade Color Variation

#1ee9ce
```
#1ee9ce rgb(30,233,206)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#42edd6
```
#42edd6 rgb(66,237,214)
```
#54eeda
```
#54eeda rgb(84,238,218)
```
#66f0de
```
#66f0de rgb(102,240,222)
```
#78f2e2
```
#78f2e2 rgb(120,242,226)
```
#89f4e5
```
#89f4e5 rgb(137,244,229)
```
#9bf5e9
```
#9bf5e9 rgb(155,245,233)
```
#adf7ed
```
#adf7ed rgb(173,247,237)
```
#bff9f1
```
#bff9f1 rgb(191,249,241)
```
#d1fbf5
```
#d1fbf5 rgb(209,251,245)
```
#e3fcf9
```
#e3fcf9 rgb(227,252,249)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #879492 is the less saturated color, while #1ffcdf is the most saturated one.

#879492
```
#879492 rgb(135,148,146)
```
#7f9c98
```
#7f9c98 rgb(127,156,152)
```
#76a59f
```
#76a59f rgb(118,165,159)
```
#6daea5
```
#6daea5 rgb(109,174,165)
```
#64b7ac
```
#64b7ac rgb(100,183,172)
```
#5cbfb2
```
#5cbfb2 rgb(92,191,178)
```
#53c8b8
```
#53c8b8 rgb(83,200,184)
```
#4ad1bf
```
#4ad1bf rgb(74,209,191)
```
#41dac5
```
#41dac5 rgb(65,218,197)
```
#39e2cc
```
#39e2cc rgb(57,226,204)
```
#30ebd2
```
#30ebd2 rgb(48,235,210)
```
#27f4d8
```
#27f4d8 rgb(39,244,216)
```
#1ffcdf
```
#1ffcdf rgb(31,252,223)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#96bcb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd3c7 Protanopia 1% of men
#e3cede Deuteranopia 1% of men
#59e6f7 Tritanopia 0.001% of the population

Trichromacy

#9ddccb Protanomaly 1% of men, 0.01% of women
#a2d9da Deuteranomaly 6% of men, 0.4% of women
#4ae8e9 Tritanomaly 0.01% of the population

#30ebd2 hex color

#30ebd2 Color Information

#30ebd2 Color Conversion

Color Schemes with #30ebd2

Alternatives to #30ebd2

#30ebd2 Preview

Shades and Tints of #30ebd2

Tones of #30ebd2

Color Blindness Simulator