#30dfbe hex color

In a RGB color space, hex #30dfbe is composed of 18.8% red, 87.5% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 78.5% cyan, 0% magenta, 14.8% yellow and 12.5% black. It has a hue angle of 168.7 degrees, a saturation of 73.2% and a lightness of 53.1%. #30dfbe color hex could be obtained by blending #60ffff with #00bf7d. Closest websafe color is: #33cccc.

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

● #30dfbe color description : Bright cyan.

The hexadecimal color #30dfbe has RGB values of R:48, G:223, B:190 and CMYK values of C:0.78, M:0, Y:0.15, K:0.13. Its decimal value is 3203006.

Hex triplet	30dfbe	`#30dfbe`
RGB Decimal	48, 223, 190	`rgb(48,223,190)`
RGB Percent	18.8, 87.5, 74.5	`rgb(18.8%,87.5%,74.5%)`
CMYK	78, 0, 15, 13
HSL	168.7°, 73.2, 53.1	`hsl(168.7,73.2%,53.1%)`
HSV (or HSB)	168.7°, 78.5, 87.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	80.246, -50.107, 4.009
XYZ	36.898, 57.118, 57.793
xyY	0.243, 0.376, 57.118
CIE-LCH	80.246, 50.267, 175.426
CIE-LUV	80.246, -62.094, 14.005
Hunter-Lab	75.576, -45.112, 7.565
Binary	00110000, 11011111, 10111110

#30dfbe
```
#30dfbe rgb(48,223,190)
```
#df3051
```
#df3051 rgb(223,48,81)
```

Complementary Color

#30df67
```
#30df67 rgb(48,223,103)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#30a9df
```
#30a9df rgb(48,169,223)
```

Analogous Color

#df6730
```
#df6730 rgb(223,103,48)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#df30a9
```
#df30a9 rgb(223,48,169)
```

Split Complementary Color

#dfbe30
```
#dfbe30 rgb(223,190,48)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#be30df
```
#be30df rgb(190,48,223)
```

Triadic Color

#51df30
```
#51df30 rgb(81,223,48)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#be30df
```
#be30df rgb(190,48,223)
```
#df3051
```
#df3051 rgb(223,48,81)
```

Tetradic Color

#1aa88e
```
#1aa88e rgb(26,168,142)
```
#1dbfa0
```
#1dbfa0 rgb(29,191,160)
```
#21d5b3
```
#21d5b3 rgb(33,213,179)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#46e2c5
```
#46e2c5 rgb(70,226,197)
```
#5ce6cc
```
#5ce6cc rgb(92,230,204)
```
#72e9d3
```
#72e9d3 rgb(114,233,211)
```

Monochromatic Color

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

#30df92
```
#30df92 rgb(48,223,146)
```
#30dfa1
```
#30dfa1 rgb(48,223,161)
```
#30dfaf
```
#30dfaf rgb(48,223,175)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#30dfcd
```
#30dfcd rgb(48,223,205)
```
#30dfdb
```
#30dfdb rgb(48,223,219)
```
#30d4df
```
#30d4df rgb(48,212,223)
```

Similar Colors

Text with hexadecimal color #30dfbe

This text has a font color of #30dfbe.

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

#30dfbe background color

This paragraph has a background color of #30dfbe.

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

#30dfbe border color

This element has a border color of #30dfbe.

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

CSS codes

.text {color:#30dfbe;}

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

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

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, #020e0c is the darkest color, while #fcfffe is the lightest one.

#020e0c
```
#020e0c rgb(2,14,12)
```
#051f1a
```
#051f1a rgb(5,31,26)
```
#073028
```
#073028 rgb(7,48,40)
```
#0a4136
```
#0a4136 rgb(10,65,54)
```
#0d5245
```
#0d5245 rgb(13,82,69)
```
#0f6353
```
#0f6353 rgb(15,99,83)
```
#127461
```
#127461 rgb(18,116,97)
```
#158570
```
#158570 rgb(21,133,112)
```
#17967e
```
#17967e rgb(23,150,126)
```
#1aa78c
```
#1aa78c rgb(26,167,140)
```
#1cb89a
```
#1cb89a rgb(28,184,154)
```
#1fc9a9
```
#1fc9a9 rgb(31,201,169)
```
#22dab7
```
#22dab7 rgb(34,218,183)
```

Shade Color Variation

#30dfbe
```
#30dfbe rgb(48,223,190)
```
#41e2c3
```
#41e2c3 rgb(65,226,195)
```
#52e4c9
```
#52e4c9 rgb(82,228,201)
```
#63e7ce
```
#63e7ce rgb(99,231,206)
```
#74ead3
```
#74ead3 rgb(116,234,211)
```
#85ecd9
```
#85ecd9 rgb(133,236,217)
```
#96efde
```
#96efde rgb(150,239,222)
```
#a7f1e3
```
#a7f1e3 rgb(167,241,227)
```
#b8f4e9
```
#b8f4e9 rgb(184,244,233)
```
#c9f7ee
```
#c9f7ee rgb(201,247,238)
```
#daf9f3
```
#daf9f3 rgb(218,249,243)
```
#ebfcf9
```
#ebfcf9 rgb(235,252,249)
```
#fcfffe
```
#fcfffe rgb(252,255,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #838c8a is the less saturated color, while #14fbcf is the most saturated one.

#838c8a
```
#838c8a rgb(131,140,138)
```
#7a9590
```
#7a9590 rgb(122,149,144)
```
#709f96
```
#709f96 rgb(112,159,150)
```
#67a89c
```
#67a89c rgb(103,168,156)
```
#5eb1a1
```
#5eb1a1 rgb(94,177,161)
```
#55baa7
```
#55baa7 rgb(85,186,167)
```
#4cc3ad
```
#4cc3ad rgb(76,195,173)
```
#42cdb3
```
#42cdb3 rgb(66,205,179)
```
#39d6b8
```
#39d6b8 rgb(57,214,184)
```
#30dfbe
```
#30dfbe rgb(48,223,190)
```
#27e8c4
```
#27e8c4 rgb(39,232,196)
```
#1ef1c9
```
#1ef1c9 rgb(30,241,201)
```
#14fbcf
```
#14fbcf rgb(20,251,207)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8fb2ac Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2c9b5 Protanopia 1% of men
#dbc4cb Deuteranopia 1% of men
#5adaea Tritanopia 0.001% of the population

Trichromacy

#97d1b8 Protanomaly 1% of men, 0.01% of women
#9dcdc6 Deuteranomaly 6% of men, 0.4% of women
#4adcda Tritanomaly 0.01% of the population

#30dfbe hex color

#30dfbe Color Information

#30dfbe Color Conversion

Color Schemes with #30dfbe

Alternatives to #30dfbe

#30dfbe Preview

Shades and Tints of #30dfbe

Tones of #30dfbe

Color Blindness Simulator