#30afc0 hex color

In a RGB color space, hex #30afc0 is composed of 18.8% red, 68.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 8.9% magenta, 0% yellow and 24.7% black. It has a hue angle of 187.1 degrees, a saturation of 60% and a lightness of 47.1%. #30afc0 color hex could be obtained by blending #60ffff with #005f81. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 69
- B 75
RGB color chart
- C 75
- M 9
- Y 0
- K 25
CMYK color chart

● #30afc0 color description : Strong cyan.

The hexadecimal color #30afc0 has RGB values of R:48, G:175, B:192 and CMYK values of C:0.75, M:0.09, Y:0, K:0.25. Its decimal value is 3190720.

Hex triplet	30afc0	`#30afc0`
RGB Decimal	48, 175, 192	`rgb(48,175,192)`
RGB Percent	18.8, 68.6, 75.3	`rgb(18.8%,68.6%,75.3%)`
CMYK	75, 9, 0, 25
HSL	187.1°, 60, 47.1	`hsl(187.1,60%,47.1%)`
HSV (or HSB)	187.1°, 75, 75.3
Web Safe	3399cc	`#3399cc`

CIE-LAB	65.82, -27.845, -18.469
XYZ	26.061, 35.092, 55.266
xyY	0.224, 0.301, 35.092
CIE-LCH	65.82, 33.414, 213.555
CIE-LUV	65.82, -45.096, -24.482
Hunter-Lab	59.238, -25.14, -13.848
Binary	00110000, 10101111, 11000000

#30afc0
```
#30afc0 rgb(48,175,192)
```
#c04130
```
#c04130 rgb(192,65,48)
```

Complementary Color

#30c089
```
#30c089 rgb(48,192,137)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#3067c0
```
#3067c0 rgb(48,103,192)
```

Analogous Color

#c08930
```
#c08930 rgb(192,137,48)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#c03067
```
#c03067 rgb(192,48,103)
```

Split Complementary Color

#afc030
```
#afc030 rgb(175,192,48)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#c030af
```
#c030af rgb(192,48,175)
```

Triadic Color

#30c041
```
#30c041 rgb(48,192,65)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#c030af
```
#c030af rgb(192,48,175)
```
#c04130
```
#c04130 rgb(192,65,48)
```

Tetradic Color

#217783
```
#217783 rgb(33,119,131)
```
#268a97
```
#268a97 rgb(38,138,151)
```
#2b9cac
```
#2b9cac rgb(43,156,172)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#3bbdce
```
#3bbdce rgb(59,189,206)
```
#50c4d3
```
#50c4d3 rgb(80,196,211)
```
#64cbd8
```
#64cbd8 rgb(100,203,216)
```

Monochromatic Color

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

#30c0ad
```
#30c0ad rgb(48,192,173)
```
#30c0b9
```
#30c0b9 rgb(48,192,185)
```
#30bbc0
```
#30bbc0 rgb(48,187,192)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#30a3c0
```
#30a3c0 rgb(48,163,192)
```
#3097c0
```
#3097c0 rgb(48,151,192)
```
#308bc0
```
#308bc0 rgb(48,139,192)
```

Similar Colors

Text with hexadecimal color #30afc0

This text has a font color of #30afc0.

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

#30afc0 background color

This paragraph has a background color of #30afc0.

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

#30afc0 border color

This element has a border color of #30afc0.

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

CSS codes

.text {color:#30afc0;}

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

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

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, #010304 is the darkest color, while #f3fbfc is the lightest one.

#010304
```
#010304 rgb(1,3,4)
```
#051213
```
#051213 rgb(5,18,19)
```
#092023
```
#092023 rgb(9,32,35)
```
#0d2e33
```
#0d2e33 rgb(13,46,51)
```
#113d42
```
#113d42 rgb(17,61,66)
```
#154b52
```
#154b52 rgb(21,75,82)
```
#185962
```
#185962 rgb(24,89,98)
```
#1c6772
```
#1c6772 rgb(28,103,114)
```
#207681
```
#207681 rgb(32,118,129)
```
#248491
```
#248491 rgb(36,132,145)
```
#2892a1
```
#2892a1 rgb(40,146,161)
```
#2ca1b0
```
#2ca1b0 rgb(44,161,176)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```

Shade Color Variation

#37bbcd
```
#37bbcd rgb(55,187,205)
```
#46c1d1
```
#46c1d1 rgb(70,193,209)
```
#56c6d5
```
#56c6d5 rgb(86,198,213)
```
#66cbd9
```
#66cbd9 rgb(102,203,217)
```
#75d0dd
```
#75d0dd rgb(117,208,221)
```
#85d6e1
```
#85d6e1 rgb(133,214,225)
```
#95dbe4
```
#95dbe4 rgb(149,219,228)
```
#a5e0e8
```
#a5e0e8 rgb(165,224,232)
```
#b4e6ec
```
#b4e6ec rgb(180,230,236)
```
#c4ebf0
```
#c4ebf0 rgb(196,235,240)
```
#d4f0f4
```
#d4f0f4 rgb(212,240,244)
```
#e3f6f8
```
#e3f6f8 rgb(227,246,248)
```
#f3fbfc
```
#f3fbfc rgb(243,251,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #717e7f is the less saturated color, while #02d2ee is the most saturated one.

#717e7f
```
#717e7f rgb(113,126,127)
```
#678589
```
#678589 rgb(103,133,137)
```
#5e8c92
```
#5e8c92 rgb(94,140,146)
```
#55939b
```
#55939b rgb(85,147,155)
```
#4c9aa4
```
#4c9aa4 rgb(76,154,164)
```
#42a1ae
```
#42a1ae rgb(66,161,174)
```
#39a8b7
```
#39a8b7 rgb(57,168,183)
```
#30afc0
```
#30afc0 rgb(48,175,192)
```
#27b6c9
```
#27b6c9 rgb(39,182,201)
```
#1ebdd2
```
#1ebdd2 rgb(30,189,210)
```
#14c4dc
```
#14c4dc rgb(20,196,220)
```
#0bcbe5
```
#0bcbe5 rgb(11,203,229)
```
#02d2ee
```
#02d2ee rgb(2,210,238)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#799296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a0a3b9 Protanopia 1% of men
#a0a1c9 Deuteranopia 1% of men
#38b3c0 Tritanopia 0.001% of the population

Trichromacy

#77a7bc Protanomaly 1% of men, 0.01% of women
#77a6c6 Deuteranomaly 6% of men, 0.4% of women
#35b1c0 Tritanomaly 0.01% of the population

#30afc0 hex color

#30afc0 Color Information

#30afc0 Color Conversion

Color Schemes with #30afc0

Alternatives to #30afc0

#30afc0 Preview

Shades and Tints of #30afc0

Tones of #30afc0

Color Blindness Simulator