#30dfee hex color

In a RGB color space, hex #30dfee is composed of 18.8% red, 87.5% green and 93.3% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 6.3% magenta, 0% yellow and 6.7% black. It has a hue angle of 184.7 degrees, a saturation of 84.8% and a lightness of 56.1%. #30dfee color hex could be obtained by blending #60ffff with #00bfdd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 87
- B 93
RGB color chart
- C 80
- M 6
- Y 0
- K 7
CMYK color chart

● #30dfee color description : Bright cyan.

The hexadecimal color #30dfee has RGB values of R:48, G:223, B:238 and CMYK values of C:0.8, M:0.06, Y:0, K:0.07. Its decimal value is 3203054.

Hex triplet	30dfee	`#30dfee`
RGB Decimal	48, 223, 238	`rgb(48,223,238)`
RGB Percent	18.8, 87.5, 93.3	`rgb(18.8%,87.5%,93.3%)`
CMYK	80, 6, 0, 7
HSL	184.7°, 84.8, 56.1	`hsl(184.7,84.8%,56.1%)`
HSV (or HSB)	184.7°, 79.8, 93.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	81.605, -36.773, -19.492
XYZ	43.035, 59.573, 90.115
xyY	0.223, 0.309, 59.573
CIE-LCH	81.605, 41.619, 207.926
CIE-LUV	81.605, -58.58, -25.589
Hunter-Lab	77.183, -35.546, -15.195
Binary	00110000, 11011111, 11101110

#30dfee
```
#30dfee rgb(48,223,238)
```
#ee3f30
```
#ee3f30 rgb(238,63,48)
```

Complementary Color

#30ee9e
```
#30ee9e rgb(48,238,158)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#3080ee
```
#3080ee rgb(48,128,238)
```

Analogous Color

#ee9e30
```
#ee9e30 rgb(238,158,48)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#ee3080
```
#ee3080 rgb(238,48,128)
```

Split Complementary Color

#dfee30
```
#dfee30 rgb(223,238,48)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#ee30df
```
#ee30df rgb(238,48,223)
```

Triadic Color

#30ee3f
```
#30ee3f rgb(48,238,63)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#ee30df
```
#ee30df rgb(238,48,223)
```
#ee3f30
```
#ee3f30 rgb(238,63,48)
```

Tetradic Color

#10b4c2
```
#10b4c2 rgb(16,180,194)
```
#12c9d9
```
#12c9d9 rgb(18,201,217)
```
#18dbec
```
#18dbec rgb(24,219,236)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#48e3f0
```
#48e3f0 rgb(72,227,240)
```
#5fe6f2
```
#5fe6f2 rgb(95,230,242)
```
#77eaf4
```
#77eaf4 rgb(119,234,244)
```

Monochromatic Color

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

#30eece
```
#30eece rgb(48,238,206)
```
#30eedd
```
#30eedd rgb(48,238,221)
```
#30eeed
```
#30eeed rgb(48,238,237)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#30cfee
```
#30cfee rgb(48,207,238)
```
#30bfee
```
#30bfee rgb(48,191,238)
```
#30b0ee
```
#30b0ee rgb(48,176,238)
```

Similar Colors

Text with hexadecimal color #30dfee

This text has a font color of #30dfee.

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

#30dfee background color

This paragraph has a background color of #30dfee.

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

#30dfee border color

This element has a border color of #30dfee.

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

CSS codes

.text {color:#30dfee;}

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

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

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, #010a0b is the darkest color, while #f7fefe is the lightest one.

#010a0b
```
#010a0b rgb(1,10,11)
```
#021b1d
```
#021b1d rgb(2,27,29)
```
#042b2f
```
#042b2f rgb(4,43,47)
```
#053c41
```
#053c41 rgb(5,60,65)
```
#074d53
```
#074d53 rgb(7,77,83)
```
#085e65
```
#085e65 rgb(8,94,101)
```
#0a6f77
```
#0a6f77 rgb(10,111,119)
```
#0b7f89
```
#0b7f89 rgb(11,127,137)
```
#0d909c
```
#0d909c rgb(13,144,156)
```
#0ea1ae
```
#0ea1ae rgb(14,161,174)
```
#10b2c0
```
#10b2c0 rgb(16,178,192)
```
#11c3d2
```
#11c3d2 rgb(17,195,210)
```
#13d4e4
```
#13d4e4 rgb(19,212,228)
```

Shade Color Variation

#1edced
```
#1edced rgb(30,220,237)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#42e2ef
```
#42e2ef rgb(66,226,239)
```
#54e5f1
```
#54e5f1 rgb(84,229,241)
```
#66e7f2
```
#66e7f2 rgb(102,231,242)
```
#79eaf4
```
#79eaf4 rgb(121,234,244)
```
#8bedf5
```
#8bedf5 rgb(139,237,245)
```
#9df0f7
```
#9df0f7 rgb(157,240,247)
```
#aff3f8
```
#aff3f8 rgb(175,243,248)
```
#c1f5fa
```
#c1f5fa rgb(193,245,250)
```
#d3f8fb
```
#d3f8fb rgb(211,248,251)
```
#e5fbfd
```
#e5fbfd rgb(229,251,253)
```
#f7fefe
```
#f7fefe rgb(247,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f8f8f is the less saturated color, while #27e6f7 is the most saturated one.

#8f8f8f
```
#8f8f8f rgb(143,143,143)
```
#869698
```
#869698 rgb(134,150,152)
```
#7e9ea0
```
#7e9ea0 rgb(126,158,160)
```
#75a5a9
```
#75a5a9 rgb(117,165,169)
```
#6cacb2
```
#6cacb2 rgb(108,172,178)
```
#64b3ba
```
#64b3ba rgb(100,179,186)
```
#5bbbc3
```
#5bbbc3 rgb(91,187,195)
```
#52c2cc
```
#52c2cc rgb(82,194,204)
```
#4ac9d4
```
#4ac9d4 rgb(74,201,212)
```
#41d0dd
```
#41d0dd rgb(65,208,221)
```
#39d8e5
```
#39d8e5 rgb(57,216,229)
```
#30dfee
```
#30dfee rgb(48,223,238)
```
#27e6f7
```
#27e6f7 rgb(39,230,247)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b6b9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cacce2 Protanopia 1% of men
#cac9f7 Deuteranopia 1% of men
#3de0f0 Tritanopia 0.001% of the population

Trichromacy

#92d2e6 Protanomaly 1% of men, 0.01% of women
#92d1f4 Deuteranomaly 6% of men, 0.4% of women
#38dfef Tritanomaly 0.01% of the population

#30dfee hex color

#30dfee Color Information

#30dfee Color Conversion

Color Schemes with #30dfee

Alternatives to #30dfee

#30dfee Preview

Shades and Tints of #30dfee

Tones of #30dfee

Color Blindness Simulator