colorhexa.com

#30e2be hex color

In a RGB color space, hex #30e2be is composed of 18.8% red, 88.6% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 0% magenta, 15.9% yellow and 11.4% black. It has a hue angle of 167.9 degrees, a saturation of 75.4% and a lightness of 53.7%. #30e2be color hex could be obtained by blending #60ffff with #00c57d. Closest websafe color is: #33cccc.

- R 19
- G 89
- B 75
RGB color chart
- C 79
- M 0
- Y 16
- K 11
CMYK color chart

● #30e2be color description : Bright cyan.

The hexadecimal color #30e2be has RGB values of R:48, G:226, B:190 and CMYK values of C:0.79, M:0, Y:0.16, K:0.11. Its decimal value is 3203774.

Hex triplet	30e2be	`#30e2be`
RGB Decimal	48, 226, 190	`rgb(48,226,190)`
RGB Percent	18.8, 88.6, 74.5	`rgb(18.8%,88.6%,74.5%)`
CMYK	79, 0, 16, 11
HSL	167.9°, 75.4, 53.7	`hsl(167.9,75.4%,53.7%)`
HSV (or HSB)	167.9°, 78.8, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.146, -51.341, 5.309
XYZ	37.706, 58.735, 58.062
xyY	0.244, 0.38, 58.735
CIE-LCH	81.146, 51.615, 174.096
CIE-LUV	81.146, -63.123, 16.179
Hunter-Lab	76.639, -46.296, 8.729
Binary	00110000, 11100010, 10111110

#30e2be
```
#30e2be rgb(48,226,190)
```
#e23054
```
#e23054 rgb(226,48,84)
```

Complementary Color

#30e265
```
#30e265 rgb(48,226,101)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#30ade2
```
#30ade2 rgb(48,173,226)
```

Analogous Color

#e26530
```
#e26530 rgb(226,101,48)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#e230ad
```
#e230ad rgb(226,48,173)
```

Split Complementary Color

#e2be30
```
#e2be30 rgb(226,190,48)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#be30e2
```
#be30e2 rgb(190,48,226)
```

Triadic Color

#54e230
```
#54e230 rgb(84,226,48)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#be30e2
```
#be30e2 rgb(190,48,226)
```
#e23054
```
#e23054 rgb(226,48,84)
```

Tetradic Color

#18ad8f
```
#18ad8f rgb(24,173,143)
```
#1bc4a2
```
#1bc4a2 rgb(27,196,162)
```
#1fdab4
```
#1fdab4 rgb(31,218,180)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#46e5c5
```
#46e5c5 rgb(70,229,197)
```
#5de8cc
```
#5de8cc rgb(93,232,204)
```
#73ebd3
```
#73ebd3 rgb(115,235,211)
```

Monochromatic Color

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

#30e292
```
#30e292 rgb(48,226,146)
```
#30e2a0
```
#30e2a0 rgb(48,226,160)
```
#30e2af
```
#30e2af rgb(48,226,175)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#30e2cd
```
#30e2cd rgb(48,226,205)
```
#30e2dc
```
#30e2dc rgb(48,226,220)
```
#30dae2
```
#30dae2 rgb(48,218,226)
```

Similar Colors

Text with hexadecimal color #30e2be

This text has a font color of #30e2be.

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

#30e2be background color

This paragraph has a background color of #30e2be.

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

#30e2be border color

This element has a border color of #30e2be.

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

CSS codes

.text {color:#30e2be;}

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

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

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, #02110e is the darkest color, while #feffff is the lightest one.

#02110e
```
#02110e rgb(2,17,14)
```
#05221c
```
#05221c rgb(5,34,28)
```
#07332a
```
#07332a rgb(7,51,42)
```
#0a4438
```
#0a4438 rgb(10,68,56)
```
#0c5547
```
#0c5547 rgb(12,85,71)
```
#0e6755
```
#0e6755 rgb(14,103,85)
```
#117863
```
#117863 rgb(17,120,99)
```
#138971
```
#138971 rgb(19,137,113)
```
#169a7f
```
#169a7f rgb(22,154,127)
```
#18ac8e
```
#18ac8e rgb(24,172,142)
```
#1abd9c
```
#1abd9c rgb(26,189,156)
```
#1dceaa
```
#1dceaa rgb(29,206,170)
```
#1fdfb8
```
#1fdfb8 rgb(31,223,184)
```

Shade Color Variation

#30e2be
```
#30e2be rgb(48,226,190)
```
#41e4c3
```
#41e4c3 rgb(65,228,195)
```
#52e7c9
```
#52e7c9 rgb(82,231,201)
```
#64e9ce
```
#64e9ce rgb(100,233,206)
```
#75ecd4
```
#75ecd4 rgb(117,236,212)
```
#86eed9
```
#86eed9 rgb(134,238,217)
```
#97f0de
```
#97f0de rgb(151,240,222)
```
#a8f3e4
```
#a8f3e4 rgb(168,243,228)
```
#baf5e9
```
#baf5e9 rgb(186,245,233)
```
#cbf8ef
```
#cbf8ef rgb(203,248,239)
```
#dcfaf4
```
#dcfaf4 rgb(220,250,244)
```
#edfdf9
```
#edfdf9 rgb(237,253,249)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82908d is the less saturated color, while #15fdce is the most saturated one.

#82908d
```
#82908d rgb(130,144,141)
```
#799993
```
#799993 rgb(121,153,147)
```
#70a298
```
#70a298 rgb(112,162,152)
```
#66ac9e
```
#66ac9e rgb(102,172,158)
```
#5db5a3
```
#5db5a3 rgb(93,181,163)
```
#54bea8
```
#54bea8 rgb(84,190,168)
```
#4bc7ae
```
#4bc7ae rgb(75,199,174)
```
#42d0b3
```
#42d0b3 rgb(66,208,179)
```
#39d9b9
```
#39d9b9 rgb(57,217,185)
```
#30e2be
```
#30e2be rgb(48,226,190)
```
#27ebc3
```
#27ebc3 rgb(39,235,195)
```
#1ef4c9
```
#1ef4c9 rgb(30,244,201)
```
#15fdce
```
#15fdce rgb(21,253,206)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#91b4ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5cbb5 Protanopia 1% of men
#dfc6cb Deuteranopia 1% of men
#5cdded Tritanopia 0.001% of the population

Trichromacy

#99d3b8 Protanomaly 1% of men, 0.01% of women
#9fd0c6 Deuteranomaly 6% of men, 0.4% of women
#4cdedc Tritanomaly 0.01% of the population