#30f7dc hex color

In a RGB color space, hex #30f7dc is composed of 18.8% red, 96.9% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 10.9% yellow and 3.1% black. It has a hue angle of 171.9 degrees, a saturation of 92.6% and a lightness of 57.8%. #30f7dc color hex could be obtained by blending #60ffff with #00efb9. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 97
- B 86
RGB color chart
- C 81
- M 0
- Y 11
- K 3
CMYK color chart

● #30f7dc color description : Bright cyan.

The hexadecimal color #30f7dc has RGB values of R:48, G:247, B:220 and CMYK values of C:0.81, M:0, Y:0.11, K:0.03. Its decimal value is 3209180.

Hex triplet	30f7dc	`#30f7dc`
RGB Decimal	48, 247, 220	`rgb(48,247,220)`
RGB Percent	18.8, 96.9, 86.3	`rgb(18.8%,96.9%,86.3%)`
CMYK	81, 0, 11, 3
HSL	171.9°, 92.6, 57.8	`hsl(171.9,92.6%,57.8%)`
HSV (or HSB)	171.9°, 80.6, 96.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.119, -52.3, -0.326
XYZ	47.393, 72.312, 79.166
xyY	0.238, 0.364, 72.312
CIE-LCH	88.119, 52.301, 180.357
CIE-LUV	88.119, -68.071, 7.853
Hunter-Lab	85.037, -49.331, 4.329
Binary	00110000, 11110111, 11011100

#30f7dc
```
#30f7dc rgb(48,247,220)
```
#f7304b
```
#f7304b rgb(247,48,75)
```

Complementary Color

#30f779
```
#30f779 rgb(48,247,121)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#30aff7
```
#30aff7 rgb(48,175,247)
```

Analogous Color

#f77930
```
#f77930 rgb(247,121,48)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#f730af
```
#f730af rgb(247,48,175)
```

Split Complementary Color

#f7dc30
```
#f7dc30 rgb(247,220,48)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#dc30f7
```
#dc30f7 rgb(220,48,247)
```

Triadic Color

#4bf730
```
#4bf730 rgb(75,247,48)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#dc30f7
```
#dc30f7 rgb(220,48,247)
```
#f7304b
```
#f7304b rgb(247,48,75)
```

Tetradic Color

#08d2b7
```
#08d2b7 rgb(8,210,183)
```
#09ebcc
```
#09ebcc rgb(9,235,204)
```
#17f6d8
```
#17f6d8 rgb(23,246,216)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#49f8e0
```
#49f8e0 rgb(73,248,224)
```
#61f9e4
```
#61f9e4 rgb(97,249,228)
```
#7afae8
```
#7afae8 rgb(122,250,232)
```

Monochromatic Color

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

#30f7aa
```
#30f7aa rgb(48,247,170)
```
#30f7bb
```
#30f7bb rgb(48,247,187)
```
#30f7cb
```
#30f7cb rgb(48,247,203)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#30f7ed
```
#30f7ed rgb(48,247,237)
```
#30f1f7
```
#30f1f7 rgb(48,241,247)
```
#30e0f7
```
#30e0f7 rgb(48,224,247)
```

Similar Colors

Text with hexadecimal color #30f7dc

This text has a font color of #30f7dc.

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

#30f7dc background color

This paragraph has a background color of #30f7dc.

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

#30f7dc border color

This element has a border color of #30f7dc.

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

CSS codes

.text {color:#30f7dc;}

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

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

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 #edfefc is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#011411
```
#011411 rgb(1,20,17)
```
#012721
```
#012721 rgb(1,39,33)
```
#023932
```
#023932 rgb(2,57,50)
```
#034c42
```
#034c42 rgb(3,76,66)
```
#045f53
```
#045f53 rgb(4,95,83)
```
#047263
```
#047263 rgb(4,114,99)
```
#058574
```
#058574 rgb(5,133,116)
```
#069884
```
#069884 rgb(6,152,132)
```
#07ab94
```
#07ab94 rgb(7,171,148)
```
#07bea5
```
#07bea5 rgb(7,190,165)
```
#08d0b5
```
#08d0b5 rgb(8,208,181)
```
#09e3c6
```
#09e3c6 rgb(9,227,198)
```

Shade Color Variation

#0af6d6
```
#0af6d6 rgb(10,246,214)
```
#1df6d9
```
#1df6d9 rgb(29,246,217)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```
#43f8df
```
#43f8df rgb(67,248,223)
```
#56f8e2
```
#56f8e2 rgb(86,248,226)
```
#69f9e6
```
#69f9e6 rgb(105,249,230)
```
#7cfae9
```
#7cfae9 rgb(124,250,233)
```
#8efbec
```
#8efbec rgb(142,251,236)
```
#a1fbef
```
#a1fbef rgb(161,251,239)
```
#b4fcf2
```
#b4fcf2 rgb(180,252,242)
```
#c7fdf6
```
#c7fdf6 rgb(199,253,246)
```
#dafef9
```
#dafef9 rgb(218,254,249)
```
#edfefc
```
#edfefc rgb(237,254,252)
```

Tint Color Variation

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

#939494
```
#939494 rgb(147,148,148)
```
#8b9c9a
```
#8b9c9a rgb(139,156,154)
```
#83a4a0
```
#83a4a0 rgb(131,164,160)
```
#7aada6
```
#7aada6 rgb(122,173,166)
```
#72b5ac
```
#72b5ac rgb(114,181,172)
```
#6abdb2
```
#6abdb2 rgb(106,189,178)
```
#62c5b8
```
#62c5b8 rgb(98,197,184)
```
#59cebe
```
#59cebe rgb(89,206,190)
```
#51d6c4
```
#51d6c4 rgb(81,214,196)
```
#49deca
```
#49deca rgb(73,222,202)
```
#41e6d0
```
#41e6d0 rgb(65,230,208)
```
#38efd6
```
#38efd6 rgb(56,239,214)
```
#30f7dc
```
#30f7dc rgb(48,247,220)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9dc5bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e5ddd0 Protanopia 1% of men
#eed8e8 Deuteranopia 1% of men
#7aefff Tritanopia 0.001% of the population

Trichromacy

#a3e7d4 Protanomaly 1% of men, 0.01% of women
#a9e3e4 Deuteranomaly 6% of men, 0.4% of women
#5ff2f2 Tritanomaly 0.01% of the population

#30f7dc hex color

#30f7dc Color Information

#30f7dc Color Conversion

Color Schemes with #30f7dc

Alternatives to #30f7dc

#30f7dc Preview

Shades and Tints of #30f7dc

Tones of #30f7dc

Color Blindness Simulator