#30a294 hex color

In a RGB color space, hex #30a294 is composed of 18.8% red, 63.5% green and 58% blue. Whereas in a CMYK color space, it is composed of 70.4% cyan, 0% magenta, 8.6% yellow and 36.5% black. It has a hue angle of 172.6 degrees, a saturation of 54.3% and a lightness of 41.2%. #30a294 color hex could be obtained by blending #60ffff with #004529. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 64
- B 58
RGB color chart
- C 70
- M 0
- Y 9
- K 36
CMYK color chart

● #30a294 color description : Dark cyan.

The hexadecimal color #30a294 has RGB values of R:48, G:162, B:148 and CMYK values of C:0.7, M:0, Y:0.09, K:0.36. Its decimal value is 3187348.

Hex triplet	30a294	`#30a294`
RGB Decimal	48, 162, 148	`rgb(48,162,148)`
RGB Percent	18.8, 63.5, 58	`rgb(18.8%,63.5%,58%)`
CMYK	70, 0, 9, 36
HSL	172.6°, 54.3, 41.2	`hsl(172.6,54.3%,41.2%)`
HSV (or HSB)	172.6°, 70.4, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.432, -34.638, -1.896
XYZ	19.483, 28.605, 32.51
xyY	0.242, 0.355, 28.605
CIE-LCH	60.432, 34.69, 183.133
CIE-LUV	60.432, -43.313, 2.436
Hunter-Lab	53.484, -28.574, 1.4
Binary	00110000, 10100010, 10010100

#30a294
```
#30a294 rgb(48,162,148)
```
#a2303e
```
#a2303e rgb(162,48,62)
```

Complementary Color

#30a25b
```
#30a25b rgb(48,162,91)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#3077a2
```
#3077a2 rgb(48,119,162)
```

Analogous Color

#a25b30
```
#a25b30 rgb(162,91,48)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#a23077
```
#a23077 rgb(162,48,119)
```

Split Complementary Color

#a29430
```
#a29430 rgb(162,148,48)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#9430a2
```
#9430a2 rgb(148,48,162)
```

Triadic Color

#3ea230
```
#3ea230 rgb(62,162,48)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#9430a2
```
#9430a2 rgb(148,48,162)
```
#a2303e
```
#a2303e rgb(162,48,62)
```

Tetradic Color

#1f675e
```
#1f675e rgb(31,103,94)
```
#247b70
```
#247b70 rgb(36,123,112)
```
#2a8e82
```
#2a8e82 rgb(42,142,130)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#36b6a6
```
#36b6a6 rgb(54,182,166)
```
#3fc6b5
```
#3fc6b5 rgb(63,198,181)
```
#53ccbd
```
#53ccbd rgb(83,204,189)
```

Monochromatic Color

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

#30a278
```
#30a278 rgb(48,162,120)
```
#30a281
```
#30a281 rgb(48,162,129)
```
#30a28b
```
#30a28b rgb(48,162,139)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#30a29e
```
#30a29e rgb(48,162,158)
```
#309da2
```
#309da2 rgb(48,157,162)
```
#3094a2
```
#3094a2 rgb(48,148,162)
```

Similar Colors

Text with hexadecimal color #30a294

This text has a font color of #30a294.

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

#30a294 background color

This paragraph has a background color of #30a294.

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

#30a294 border color

This element has a border color of #30a294.

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

CSS codes

.text {color:#30a294;}

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

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

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, #030b0a is the darkest color, while #fbfefd is the lightest one.

#030b0a
```
#030b0a rgb(3,11,10)
```
#081a18
```
#081a18 rgb(8,26,24)
```
#0c2925
```
#0c2925 rgb(12,41,37)
```
#113833
```
#113833 rgb(17,56,51)
```
#154741
```
#154741 rgb(21,71,65)
```
#1a564f
```
#1a564f rgb(26,86,79)
```
#1e655d
```
#1e655d rgb(30,101,93)
```
#23756b
```
#23756b rgb(35,117,107)
```
#278478
```
#278478 rgb(39,132,120)
```
#2c9386
```
#2c9386 rgb(44,147,134)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#34b1a2
```
#34b1a2 rgb(52,177,162)
```
#39c0b0
```
#39c0b0 rgb(57,192,176)
```

Shade Color Variation

#45c8b8
```
#45c8b8 rgb(69,200,184)
```
#54ccbe
```
#54ccbe rgb(84,204,190)
```
#63d1c3
```
#63d1c3 rgb(99,209,195)
```
#72d5c9
```
#72d5c9 rgb(114,213,201)
```
#81dacf
```
#81dacf rgb(129,218,207)
```
#91ded5
```
#91ded5 rgb(145,222,213)
```
#a0e3db
```
#a0e3db rgb(160,227,219)
```
#afe7e0
```
#afe7e0 rgb(175,231,224)
```
#beece6
```
#beece6 rgb(190,236,230)
```
#cdf0ec
```
#cdf0ec rgb(205,240,236)
```
#dcf5f2
```
#dcf5f2 rgb(220,245,242)
```
#ebf9f8
```
#ebf9f8 rgb(235,249,248)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#696969
```
#696969 rgb(105,105,105)
```
#60726f
```
#60726f rgb(96,114,111)
```
#587a76
```
#587a76 rgb(88,122,118)
```
#50827c
```
#50827c rgb(80,130,124)
```
#488a82
```
#488a82 rgb(72,138,130)
```
#409288
```
#409288 rgb(64,146,136)
```
#389a8e
```
#389a8e rgb(56,154,142)
```
#30a294
```
#30a294 rgb(48,162,148)
```
#28aa9a
```
#28aa9a rgb(40,170,154)
```
#20b2a0
```
#20b2a0 rgb(32,178,160)
```
#18baa6
```
#18baa6 rgb(24,186,166)
```
#10c2ac
```
#10c2ac rgb(16,194,172)
```
#08cab2
```
#08cab2 rgb(8,202,178)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6e8582 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9691 Protanopia 1% of men
#a193a0 Deuteranopia 1% of men
#48a3af Tritanopia 0.001% of the population

Trichromacy

#749a92 Protanomaly 1% of men, 0.01% of women
#77989b Deuteranomaly 6% of men, 0.4% of women
#3fa2a5 Tritanomaly 0.01% of the population

#30a294 hex color

#30a294 Color Information

#30a294 Color Conversion

Color Schemes with #30a294

Alternatives to #30a294

#30a294 Preview

Shades and Tints of #30a294

Tones of #30a294

Color Blindness Simulator