#30a5bc hex color

In a RGB color space, hex #30a5bc is composed of 18.8% red, 64.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 74.5% cyan, 12.2% magenta, 0% yellow and 26.3% black. It has a hue angle of 189.9 degrees, a saturation of 59.3% and a lightness of 46.3%. #30a5bc color hex could be obtained by blending #60ffff with #004b79. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 19
- G 65
- B 74
RGB color chart
- C 74
- M 12
- Y 0
- K 26
CMYK color chart

● #30a5bc color description : Moderate cyan.

The hexadecimal color #30a5bc has RGB values of R:48, G:165, B:188 and CMYK values of C:0.74, M:0.12, Y:0, K:0.26. Its decimal value is 3188156.

Hex triplet	30a5bc	`#30a5bc`
RGB Decimal	48, 165, 188	`rgb(48,165,188)`
RGB Percent	18.8, 64.7, 73.7	`rgb(18.8%,64.7%,73.7%)`
CMYK	74, 12, 0, 26
HSL	189.9°, 59.3, 46.3	`hsl(189.9,59.3%,46.3%)`
HSV (or HSB)	189.9°, 74.5, 73.7
Web Safe	3399cc	`#3399cc`

CIE-LAB	62.649, -24.081, -21.068
XYZ	23.749, 31.167, 52.338
xyY	0.221, 0.291, 31.167
CIE-LCH	62.649, 31.996, 221.183
CIE-LUV	62.649, -41.785, -29.026
Hunter-Lab	55.828, -21.766, -16.505
Binary	00110000, 10100101, 10111100

#30a5bc
```
#30a5bc rgb(48,165,188)
```
#bc4730
```
#bc4730 rgb(188,71,48)
```

Complementary Color

#30bc8d
```
#30bc8d rgb(48,188,141)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#305fbc
```
#305fbc rgb(48,95,188)
```

Analogous Color

#bc8d30
```
#bc8d30 rgb(188,141,48)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#bc305f
```
#bc305f rgb(188,48,95)
```

Split Complementary Color

#a5bc30
```
#a5bc30 rgb(165,188,48)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#bc30a5
```
#bc30a5 rgb(188,48,165)
```

Triadic Color

#30bc47
```
#30bc47 rgb(48,188,71)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#bc30a5
```
#bc30a5 rgb(188,48,165)
```
#bc4730
```
#bc4730 rgb(188,71,48)
```

Tetradic Color

#20707f
```
#20707f rgb(32,112,127)
```
#268193
```
#268193 rgb(38,129,147)
```
#2b93a8
```
#2b93a8 rgb(43,147,168)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#39b4cc
```
#39b4cc rgb(57,180,204)
```
#4dbcd2
```
#4dbcd2 rgb(77,188,210)
```
#62c4d7
```
#62c4d7 rgb(98,196,215)
```

Monochromatic Color

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

#30bcb0
```
#30bcb0 rgb(48,188,176)
```
#30bcbc
```
#30bcbc rgb(48,188,188)
```
#30b1bc
```
#30b1bc rgb(48,177,188)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#3099bc
```
#3099bc rgb(48,153,188)
```
#308ebc
```
#308ebc rgb(48,142,188)
```
#3082bc
```
#3082bc rgb(48,130,188)
```

Similar Colors

Text with hexadecimal color #30a5bc

This text has a font color of #30a5bc.

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

#30a5bc background color

This paragraph has a background color of #30a5bc.

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

#30a5bc border color

This element has a border color of #30a5bc.

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

CSS codes

.text {color:#30a5bc;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#040e10
```
#040e10 rgb(4,14,16)
```
#081c20
```
#081c20 rgb(8,28,32)
```
#0c2a2f
```
#0c2a2f rgb(12,42,47)
```
#10373f
```
#10373f rgb(16,55,63)
```
#14454f
```
#14454f rgb(20,69,79)
```
#18535e
```
#18535e rgb(24,83,94)
```
#1c606e
```
#1c606e rgb(28,96,110)
```
#206e7d
```
#206e7d rgb(32,110,125)
```
#247c8d
```
#247c8d rgb(36,124,141)
```
#288a9d
```
#288a9d rgb(40,138,157)
```
#2c97ac
```
#2c97ac rgb(44,151,172)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```

Shade Color Variation

#34b2cb
```
#34b2cb rgb(52,178,203)
```
#44b8cf
```
#44b8cf rgb(68,184,207)
```
#54bed3
```
#54bed3 rgb(84,190,211)
```
#63c4d7
```
#63c4d7 rgb(99,196,215)
```
#73cadb
```
#73cadb rgb(115,202,219)
```
#82d0df
```
#82d0df rgb(130,208,223)
```
#92d6e3
```
#92d6e3 rgb(146,214,227)
```
#a2dce7
```
#a2dce7 rgb(162,220,231)
```
#b1e2eb
```
#b1e2eb rgb(177,226,235)
```
#c1e8ef
```
#c1e8ef rgb(193,232,239)
```
#d1edf3
```
#d1edf3 rgb(209,237,243)
```
#e0f3f7
```
#e0f3f7 rgb(224,243,247)
```
#f0f9fb
```
#f0f9fb rgb(240,249,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #707a7c is the less saturated color, while #03c3e9 is the most saturated one.

#707a7c
```
#707a7c rgb(112,122,124)
```
#668086
```
#668086 rgb(102,128,134)
```
#5d878f
```
#5d878f rgb(93,135,143)
```
#548d98
```
#548d98 rgb(84,141,152)
```
#4b93a1
```
#4b93a1 rgb(75,147,161)
```
#4299aa
```
#4299aa rgb(66,153,170)
```
#399fb3
```
#399fb3 rgb(57,159,179)
```
#30a5bc
```
#30a5bc rgb(48,165,188)
```
#27abc5
```
#27abc5 rgb(39,171,197)
```
#1eb1ce
```
#1eb1ce rgb(30,177,206)
```
#15b7d7
```
#15b7d7 rgb(21,183,215)
```
#0cbde0
```
#0cbde0 rgb(12,189,224)
```
#03c3e9
```
#03c3e9 rgb(3,195,233)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#748b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#979bb6 Protanopia 1% of men
#949ac5 Deuteranopia 1% of men
#33abb7 Tritanopia 0.001% of the population

Trichromacy

#719fb8 Protanomaly 1% of men, 0.01% of women
#709ec1 Deuteranomaly 6% of men, 0.4% of women
#31a8b9 Tritanomaly 0.01% of the population

#30a5bc hex color

#30a5bc Color Information

#30a5bc Color Conversion

Color Schemes with #30a5bc

Alternatives to #30a5bc

#30a5bc Preview

Shades and Tints of #30a5bc

Tones of #30a5bc

Color Blindness Simulator