#30f0f2 hex color

In a RGB color space, hex #30f0f2 is composed of 18.8% red, 94.1% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0.8% magenta, 0% yellow and 5.1% black. It has a hue angle of 180.6 degrees, a saturation of 88.2% and a lightness of 56.9%. #30f0f2 color hex could be obtained by blending #60ffff with #00e1e5. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 19
- G 94
- B 95
RGB color chart
- C 80
- M 1
- Y 0
- K 5
CMYK color chart

● #30f0f2 color description : Bright cyan.

The hexadecimal color #30f0f2 has RGB values of R:48, G:240, B:242 and CMYK values of C:0.8, M:0.01, Y:0, K:0.05. Its decimal value is 3207410.

Hex triplet	30f0f2	`#30f0f2`
RGB Decimal	48, 240, 242	`rgb(48,240,242)`
RGB Percent	18.8, 94.1, 94.9	`rgb(18.8%,94.1%,94.9%)`
CMYK	80, 1, 0, 5
HSL	180.6°, 88.2, 56.9	`hsl(180.6,88.2%,56.9%)`
HSV (or HSB)	180.6°, 80.2, 94.9
Web Safe	33ffff	`#33ffff`

CIE-LAB	86.679, -43.305, -13.967
XYZ	48.401, 69.355, 94.835
xyY	0.228, 0.326, 69.355
CIE-LCH	86.679, 45.502, 197.875
CIE-LUV	86.679, -64.066, -15.542
Hunter-Lab	83.279, -41.997, -9.222
Binary	00110000, 11110000, 11110010

#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#f23230
```
#f23230 rgb(242,50,48)
```

Complementary Color

#30f293
```
#30f293 rgb(48,242,147)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#308ff2
```
#308ff2 rgb(48,143,242)
```

Analogous Color

#f29330
```
#f29330 rgb(242,147,48)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#f2308f
```
#f2308f rgb(242,48,143)
```

Split Complementary Color

#f0f230
```
#f0f230 rgb(240,242,48)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#f230f0
```
#f230f0 rgb(242,48,240)
```

Triadic Color

#30f232
```
#30f232 rgb(48,242,50)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#f230f0
```
#f230f0 rgb(242,48,240)
```
#f23230
```
#f23230 rgb(242,50,48)
```

Tetradic Color

#0dc7c9
```
#0dc7c9 rgb(13,199,201)
```
#0edfe1
```
#0edfe1 rgb(14,223,225)
```
#18eef0
```
#18eef0 rgb(24,238,240)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#48f2f4
```
#48f2f4 rgb(72,242,244)
```
#60f3f5
```
#60f3f5 rgb(96,243,245)
```
#78f5f7
```
#78f5f7 rgb(120,245,247)
```

Monochromatic Color

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

#30f2c4
```
#30f2c4 rgb(48,242,196)
```
#30f2d4
```
#30f2d4 rgb(48,242,212)
```
#30f2e4
```
#30f2e4 rgb(48,242,228)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#30e0f2
```
#30e0f2 rgb(48,224,242)
```
#30d0f2
```
#30d0f2 rgb(48,208,242)
```
#30c0f2
```
#30c0f2 rgb(48,192,242)
```

Similar Colors

Text with hexadecimal color #30f0f2

This text has a font color of #30f0f2.

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

#30f0f2 background color

This paragraph has a background color of #30f0f2.

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

#30f0f2 border color

This element has a border color of #30f0f2.

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

CSS codes

.text {color:#30f0f2;}

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

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

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

#010e0e
```
#010e0e rgb(1,14,14)
```
#022121
```
#022121 rgb(2,33,33)
```
#033333
```
#033333 rgb(3,51,51)
```
#044546
```
#044546 rgb(4,69,70)
```
#065758
```
#065758 rgb(6,87,88)
```
#076a6b
```
#076a6b rgb(7,106,107)
```
#087c7d
```
#087c7d rgb(8,124,125)
```
#098e90
```
#098e90 rgb(9,142,144)
```
#0aa1a2
```
#0aa1a2 rgb(10,161,162)
```
#0bb3b5
```
#0bb3b5 rgb(11,179,181)
```
#0dc5c7
```
#0dc5c7 rgb(13,197,199)
```
#0ed7d9
```
#0ed7d9 rgb(14,215,217)
```
#0feaec
```
#0feaec rgb(15,234,236)
```

Shade Color Variation

#1eeff1
```
#1eeff1 rgb(30,239,241)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#42f1f3
```
#42f1f3 rgb(66,241,243)
```
#55f3f4
```
#55f3f4 rgb(85,243,244)
```
#67f4f5
```
#67f4f5 rgb(103,244,245)
```
#7af5f7
```
#7af5f7 rgb(122,245,247)
```
#8cf7f8
```
#8cf7f8 rgb(140,247,248)
```
#9ff8f9
```
#9ff8f9 rgb(159,248,249)
```
#b1f9fa
```
#b1f9fa rgb(177,249,250)
```
#c4fbfb
```
#c4fbfb rgb(196,251,251)
```
#d6fcfc
```
#d6fcfc rgb(214,252,252)
```
#e9fdfe
```
#e9fdfe rgb(233,253,254)
```
#fbffff
```
#fbffff rgb(251,255,255)
```

Tint Color Variation

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

#8d9595
```
#8d9595 rgb(141,149,149)
```
#859d9d
```
#859d9d rgb(133,157,157)
```
#7ca5a6
```
#7ca5a6 rgb(124,165,166)
```
#74aeae
```
#74aeae rgb(116,174,174)
```
#6bb6b7
```
#6bb6b7 rgb(107,182,183)
```
#63bebf
```
#63bebf rgb(99,190,191)
```
#5ac7c8
```
#5ac7c8 rgb(90,199,200)
```
#52cfd0
```
#52cfd0 rgb(82,207,208)
```
#49d7d9
```
#49d7d9 rgb(73,215,217)
```
#41dfe1
```
#41dfe1 rgb(65,223,225)
```
#38e8ea
```
#38e8ea rgb(56,232,234)
```
#30f0f2
```
#30f0f2 rgb(48,240,242)
```
#28f8fa
```
#28f8fa rgb(40,248,250)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9cc2c3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd9e5 Protanopia 1% of men
#ded6fc Deuteranopia 1% of men
#55eeff Tritanopia 0.001% of the population

Trichromacy

#9de1ea Protanomaly 1% of men, 0.01% of women
#9edff8 Deuteranomaly 6% of men, 0.4% of women
#47eefa Tritanomaly 0.01% of the population

#30f0f2 hex color

#30f0f2 Color Information

#30f0f2 Color Conversion

Color Schemes with #30f0f2

Alternatives to #30f0f2

#30f0f2 Preview

Shades and Tints of #30f0f2

Tones of #30f0f2

Color Blindness Simulator