#3083f4 hex color

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

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

● #3083f4 color description : Bright blue.

The hexadecimal color #3083f4 has RGB values of R:48, G:131, B:244 and CMYK values of C:0.8, M:0.46, Y:0, K:0.04. Its decimal value is 3179508.

Hex triplet	3083f4	`#3083f4`
RGB Decimal	48, 131, 244	`rgb(48,131,244)`
RGB Percent	18.8, 51.4, 95.7	`rgb(18.8%,51.4%,95.7%)`
CMYK	80, 46, 0, 4
HSL	214.6°, 89.9, 57.3	`hsl(214.6,89.9%,57.3%)`
HSV (or HSB)	214.6°, 80.3, 95.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	55.472, 15.086, -63.593
XYZ	25.661, 23.391, 88.745
xyY	0.186, 0.17, 23.391
CIE-LCH	55.472, 65.358, 283.346
CIE-LUV	55.472, -27.51, -101.549
Hunter-Lab	48.364, 10.071, -74.94
Binary	00110000, 10000011, 11110100

#3083f4
```
#3083f4 rgb(48,131,244)
```
#f4a130
```
#f4a130 rgb(244,161,48)
```

Complementary Color

#30e5f4
```
#30e5f4 rgb(48,229,244)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#3f30f4
```
#3f30f4 rgb(63,48,244)
```

Analogous Color

#e5f430
```
#e5f430 rgb(229,244,48)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#f43f30
```
#f43f30 rgb(244,63,48)
```

Split Complementary Color

#83f430
```
#83f430 rgb(131,244,48)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#f43083
```
#f43083 rgb(244,48,131)
```

Triadic Color

#30f4a1
```
#30f4a1 rgb(48,244,161)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#f43083
```
#f43083 rgb(244,48,131)
```
#f4a130
```
#f4a130 rgb(244,161,48)
```

Tetradic Color

#0b5dcd
```
#0b5dcd rgb(11,93,205)
```
#0c68e5
```
#0c68e5 rgb(12,104,229)
```
#1874f3
```
#1874f3 rgb(24,116,243)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#4892f5
```
#4892f5 rgb(72,146,245)
```
#60a0f7
```
#60a0f7 rgb(96,160,247)
```
#79aff8
```
#79aff8 rgb(121,175,248)
```

Monochromatic Color

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

#30b4f4
```
#30b4f4 rgb(48,180,244)
```
#30a4f4
```
#30a4f4 rgb(48,164,244)
```
#3093f4
```
#3093f4 rgb(48,147,244)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#3073f4
```
#3073f4 rgb(48,115,244)
```
#3062f4
```
#3062f4 rgb(48,98,244)
```
#3052f4
```
#3052f4 rgb(48,82,244)
```

Similar Colors

Text with hexadecimal color #3083f4

This text has a font color of #3083f4.

<span style="color:#3083f4;">Text here</span>

#3083f4 background color

This paragraph has a background color of #3083f4.

<p style="background-color:#3083f4;">Content here</p>

#3083f4 border color

This element has a border color of #3083f4.

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

CSS codes

.text {color:#3083f4;}

.background {background-color:#3083f4;}

.border {border:1px solid #3083f4;}

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

#010711
```
#010711 rgb(1,7,17)
```
#021023
```
#021023 rgb(2,16,35)
```
#031836
```
#031836 rgb(3,24,54)
```
#042148
```
#042148 rgb(4,33,72)
```
#05295b
```
#05295b rgb(5,41,91)
```
#06326e
```
#06326e rgb(6,50,110)
```
#073a80
```
#073a80 rgb(7,58,128)
```
#084393
```
#084393 rgb(8,67,147)
```
#094ba6
```
#094ba6 rgb(9,75,166)
```
#0a54b8
```
#0a54b8 rgb(10,84,184)
```
#0b5ccb
```
#0b5ccb rgb(11,92,203)
```
#0c65dd
```
#0c65dd rgb(12,101,221)
```
#0d6df0
```
#0d6df0 rgb(13,109,240)
```

Shade Color Variation

#1d78f3
```
#1d78f3 rgb(29,120,243)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#438ef5
```
#438ef5 rgb(67,142,245)
```
#5599f6
```
#5599f6 rgb(85,153,246)
```
#68a4f7
```
#68a4f7 rgb(104,164,247)
```
#7bb0f8
```
#7bb0f8 rgb(123,176,248)
```
#8dbbf9
```
#8dbbf9 rgb(141,187,249)
```
#a0c6fa
```
#a0c6fa rgb(160,198,250)
```
#b2d1fb
```
#b2d1fb rgb(178,209,251)
```
#c5dcfc
```
#c5dcfc rgb(197,220,252)
```
#d8e7fd
```
#d8e7fd rgb(216,231,253)
```
#eaf3fe
```
#eaf3fe rgb(234,243,254)
```
#fdfeff
```
#fdfeff rgb(253,254,255)
```

Tint Color Variation

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

#8c9198
```
#8c9198 rgb(140,145,152)
```
#8490a0
```
#8490a0 rgb(132,144,160)
```
#7b8fa9
```
#7b8fa9 rgb(123,143,169)
```
#738db1
```
#738db1 rgb(115,141,177)
```
#6b8cb9
```
#6b8cb9 rgb(107,140,185)
```
#628bc2
```
#628bc2 rgb(98,139,194)
```
#5a89ca
```
#5a89ca rgb(90,137,202)
```
#5288d2
```
#5288d2 rgb(82,136,210)
```
#4987db
```
#4987db rgb(73,135,219)
```
#4186e3
```
#4186e3 rgb(65,134,227)
```
#3884ec
```
#3884ec rgb(56,132,236)
```
#3083f4
```
#3083f4 rgb(48,131,244)
```
#2882fc
```
#2882fc rgb(40,130,252)
```

Tone Color Variation

Below, you can see how #3083f4 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

#777777 Achromatopsia 0.005% of the population
#697990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d87f2 Protanopia 1% of men
#008dea Deuteranopia 1% of men
#0098a2 Tritanopia 0.001% of the population

Trichromacy

#4285f3 Protanomaly 1% of men, 0.01% of women
#1189ee Deuteranomaly 6% of men, 0.4% of women
#1190c0 Tritanomaly 0.01% of the population

#3083f4 hex color

#3083f4 Color Information

#3083f4 Color Conversion

Color Schemes with #3083f4

Alternatives to #3083f4

#3083f4 Preview

Shades and Tints of #3083f4

Tones of #3083f4

Color Blindness Simulator