#30a4f4 hex color

In a RGB color space, hex #30a4f4 is composed of 18.8% red, 64.3% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 32.8% magenta, 0% yellow and 4.3% black. It has a hue angle of 204.5 degrees, a saturation of 89.9% and a lightness of 57.3%. #30a4f4 color hex could be obtained by blending #60ffff with #0049e9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 19
- G 64
- B 96
RGB color chart
- C 80
- M 33
- Y 0
- K 4
CMYK color chart

● #30a4f4 color description : Bright blue.

The hexadecimal color #30a4f4 has RGB values of R:48, G:164, B:244 and CMYK values of C:0.8, M:0.33, Y:0, K:0.04. Its decimal value is 3187956.

Hex triplet	30a4f4	`#30a4f4`
RGB Decimal	48, 164, 244	`rgb(48,164,244)`
RGB Percent	18.8, 64.3, 95.7	`rgb(18.8%,64.3%,95.7%)`
CMYK	80, 33, 0, 4
HSL	204.5°, 89.9, 57.3	`hsl(204.5,89.9%,57.3%)`
HSV (or HSB)	204.5°, 80.3, 95.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	64.73, -4.471, -48.83
XYZ	30.82, 33.708, 90.465
xyY	0.199, 0.217, 33.708
CIE-LCH	64.73, 49.034, 264.768
CIE-LUV	64.73, -38.067, -78.089
Hunter-Lab	58.059, -6.849, -51.742
Binary	00110000, 10100100, 11110100

#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#f48030
```
#f48030 rgb(244,128,48)
```

Complementary Color

#30f4e2
```
#30f4e2 rgb(48,244,226)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#3042f4
```
#3042f4 rgb(48,66,244)
```

Analogous Color

#f4e230
```
#f4e230 rgb(244,226,48)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#f43042
```
#f43042 rgb(244,48,66)
```

Split Complementary Color

#a4f430
```
#a4f430 rgb(164,244,48)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#f430a4
```
#f430a4 rgb(244,48,164)
```

Triadic Color

#30f480
```
#30f480 rgb(48,244,128)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#f430a4
```
#f430a4 rgb(244,48,164)
```
#f48030
```
#f48030 rgb(244,128,48)
```

Tetradic Color

#0b7ecd
```
#0b7ecd rgb(11,126,205)
```
#0c8ce5
```
#0c8ce5 rgb(12,140,229)
```
#1899f3
```
#1899f3 rgb(24,153,243)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#48aff5
```
#48aff5 rgb(72,175,245)
```
#60b9f7
```
#60b9f7 rgb(96,185,247)
```
#79c4f8
```
#79c4f8 rgb(121,196,248)
```

Monochromatic Color

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

#30d5f4
```
#30d5f4 rgb(48,213,244)
```
#30c5f4
```
#30c5f4 rgb(48,197,244)
```
#30b4f4
```
#30b4f4 rgb(48,180,244)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#3094f4
```
#3094f4 rgb(48,148,244)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#3073f4
```
#3073f4 rgb(48,115,244)
```

Similar Colors

Text with hexadecimal color #30a4f4

This text has a font color of #30a4f4.

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

#30a4f4 background color

This paragraph has a background color of #30a4f4.

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

#30a4f4 border color

This element has a border color of #30a4f4.

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

CSS codes

.text {color:#30a4f4;}

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

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

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

#010a11
```
#010a11 rgb(1,10,17)
```
#021623
```
#021623 rgb(2,22,35)
```
#032136
```
#032136 rgb(3,33,54)
```
#042c48
```
#042c48 rgb(4,44,72)
```
#05385b
```
#05385b rgb(5,56,91)
```
#06436e
```
#06436e rgb(6,67,110)
```
#074f80
```
#074f80 rgb(7,79,128)
```
#085a93
```
#085a93 rgb(8,90,147)
```
#0966a6
```
#0966a6 rgb(9,102,166)
```
#0a71b8
```
#0a71b8 rgb(10,113,184)
```
#0b7ccb
```
#0b7ccb rgb(11,124,203)
```
#0c88dd
```
#0c88dd rgb(12,136,221)
```
#0d93f0
```
#0d93f0 rgb(13,147,240)
```

Shade Color Variation

#1d9cf3
```
#1d9cf3 rgb(29,156,243)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#43acf5
```
#43acf5 rgb(67,172,245)
```
#55b4f6
```
#55b4f6 rgb(85,180,246)
```
#68bdf7
```
#68bdf7 rgb(104,189,247)
```
#7bc5f8
```
#7bc5f8 rgb(123,197,248)
```
#8dcdf9
```
#8dcdf9 rgb(141,205,249)
```
#a0d5fa
```
#a0d5fa rgb(160,213,250)
```
#b2ddfb
```
#b2ddfb rgb(178,221,251)
```
#c5e6fc
```
#c5e6fc rgb(197,230,252)
```
#d8eefd
```
#d8eefd rgb(216,238,253)
```
#eaf6fe
```
#eaf6fe rgb(234,246,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8c9398
```
#8c9398 rgb(140,147,152)
```
#8495a0
```
#8495a0 rgb(132,149,160)
```
#7b96a9
```
#7b96a9 rgb(123,150,169)
```
#7398b1
```
#7398b1 rgb(115,152,177)
```
#6b99b9
```
#6b99b9 rgb(107,153,185)
```
#629bc2
```
#629bc2 rgb(98,155,194)
```
#5a9cca
```
#5a9cca rgb(90,156,202)
```
#529ed2
```
#529ed2 rgb(82,158,210)
```
#499fdb
```
#499fdb rgb(73,159,219)
```
#41a1e3
```
#41a1e3 rgb(65,161,227)
```
#38a2ec
```
#38a2ec rgb(56,162,236)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#28a6fc
```
#28a6fc rgb(40,166,252)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#788f9f Atypical Achromatopsia 0.001% of the population

Dichromacy

#849fed Protanopia 1% of men
#6da2f7 Deuteranopia 1% of men
#00b1bd Tritanopia 0.001% of the population

Trichromacy

#65a1ef Protanomaly 1% of men, 0.01% of women
#56a3f6 Deuteranomaly 6% of men, 0.4% of women
#11acd1 Tritanomaly 0.01% of the population

#30a4f4 hex color

#30a4f4 Color Information

#30a4f4 Color Conversion

Color Schemes with #30a4f4

Alternatives to #30a4f4

#30a4f4 Preview

Shades and Tints of #30a4f4

Tones of #30a4f4

Color Blindness Simulator