#305ff8 hex color

In a RGB color space, hex #305ff8 is composed of 18.8% red, 37.3% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 61.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 225.9 degrees, a saturation of 93.5% and a lightness of 58%. #305ff8 color hex could be obtained by blending #60beff with #0000f1. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 19
- G 37
- B 97
RGB color chart
- C 81
- M 62
- Y 0
- K 3
CMYK color chart

● #305ff8 color description : Bright blue.

The hexadecimal color #305ff8 has RGB values of R:48, G:95, B:248 and CMYK values of C:0.81, M:0.62, Y:0, K:0.03. Its decimal value is 3170296.

Hex triplet	305ff8	`#305ff8`
RGB Decimal	48, 95, 248	`rgb(48,95,248)`
RGB Percent	18.8, 37.3, 97.3	`rgb(18.8%,37.3%,97.3%)`
CMYK	81, 62, 0, 3
HSL	225.9°, 93.5, 58	`hsl(225.9,93.5%,58%)`
HSV (or HSB)	225.9°, 80.6, 97.3
Web Safe	3366ff	`#3366ff`

CIE-LAB	46.43, 39.063, -80.502
XYZ	22.251, 15.588, 90.638
xyY	0.173, 0.121, 15.588
CIE-LCH	46.43, 89.479, 295.885
CIE-LUV	46.43, -17.667, -122.299
Hunter-Lab	39.482, 31.503, -108.473
Binary	00110000, 01011111, 11111000

#305ff8
```
#305ff8 rgb(48,95,248)
```
#f8c930
```
#f8c930 rgb(248,201,48)
```

Complementary Color

#30c3f8
```
#30c3f8 rgb(48,195,248)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#6530f8
```
#6530f8 rgb(101,48,248)
```

Analogous Color

#c3f830
```
#c3f830 rgb(195,248,48)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#f86530
```
#f86530 rgb(248,101,48)
```

Split Complementary Color

#5ff830
```
#5ff830 rgb(95,248,48)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#f8305f
```
#f8305f rgb(248,48,95)
```

Triadic Color

#30f8c9
```
#30f8c9 rgb(48,248,201)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#f8305f
```
#f8305f rgb(248,48,95)
```
#f8c930
```
#f8c930 rgb(248,201,48)
```

Tetradic Color

#0737d4
```
#0737d4 rgb(7,55,212)
```
#083eed
```
#083eed rgb(8,62,237)
```
#174cf7
```
#174cf7 rgb(23,76,247)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#4972f9
```
#4972f9 rgb(73,114,249)
```
#6185fa
```
#6185fa rgb(97,133,250)
```
#7a98fb
```
#7a98fb rgb(122,152,251)
```

Monochromatic Color

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

#3091f8
```
#3091f8 rgb(48,145,248)
```
#3080f8
```
#3080f8 rgb(48,128,248)
```
#3070f8
```
#3070f8 rgb(48,112,248)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#304ef8
```
#304ef8 rgb(48,78,248)
```
#303ef8
```
#303ef8 rgb(48,62,248)
```
#3330f8
```
#3330f8 rgb(51,48,248)
```

Similar Colors

Text with hexadecimal color #305ff8

This text has a font color of #305ff8.

<span style="color:#305ff8;">Text here</span>

#305ff8 background color

This paragraph has a background color of #305ff8.

<p style="background-color:#305ff8;">Content here</p>

#305ff8 border color

This element has a border color of #305ff8.

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

CSS codes

.text {color:#305ff8;}

.background {background-color:#305ff8;}

.border {border:1px solid #305ff8;}

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

#000002
```
#000002 rgb(0,0,2)
```
#010515
```
#010515 rgb(1,5,21)
```
#010a28
```
#010a28 rgb(1,10,40)
```
#020f3b
```
#020f3b rgb(2,15,59)
```
#03144e
```
#03144e rgb(3,20,78)
```
#031961
```
#031961 rgb(3,25,97)
```
#041e74
```
#041e74 rgb(4,30,116)
```
#052387
```
#052387 rgb(5,35,135)
```
#05289a
```
#05289a rgb(5,40,154)
```
#062dac
```
#062dac rgb(6,45,172)
```
#0632bf
```
#0632bf rgb(6,50,191)
```
#0737d2
```
#0737d2 rgb(7,55,210)
```
#083ce5
```
#083ce5 rgb(8,60,229)
```

Shade Color Variation

#0a42f7
```
#0a42f7 rgb(10,66,247)
```
#1d50f7
```
#1d50f7 rgb(29,80,247)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```
#436ef9
```
#436ef9 rgb(67,110,249)
```
#567cf9
```
#567cf9 rgb(86,124,249)
```
#698bfa
```
#698bfa rgb(105,139,250)
```
#7c9afb
```
#7c9afb rgb(124,154,251)
```
#8fa8fb
```
#8fa8fb rgb(143,168,251)
```
#a2b7fc
```
#a2b7fc rgb(162,183,252)
```
#b5c6fc
```
#b5c6fc rgb(181,198,252)
```
#c8d4fd
```
#c8d4fd rgb(200,212,253)
```
#dbe3fe
```
#dbe3fe rgb(219,227,254)
```
#eef2fe
```
#eef2fe rgb(238,242,254)
```

Tint Color Variation

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

#939395
```
#939395 rgb(147,147,149)
```
#8b8f9d
```
#8b8f9d rgb(139,143,157)
```
#828ba6
```
#828ba6 rgb(130,139,166)
```
#7a86ae
```
#7a86ae rgb(122,134,174)
```
#7282b6
```
#7282b6 rgb(114,130,182)
```
#6a7ebe
```
#6a7ebe rgb(106,126,190)
```
#6179c7
```
#6179c7 rgb(97,121,199)
```
#5975cf
```
#5975cf rgb(89,117,207)
```
#5170d7
```
#5170d7 rgb(81,112,215)
```
#496cdf
```
#496cdf rgb(73,108,223)
```
#4068e8
```
#4068e8 rgb(64,104,232)
```
#3863f0
```
#3863f0 rgb(56,99,240)
```
#305ff8
```
#305ff8 rgb(48,95,248)
```

Tone Color Variation

Below, you can see how #305ff8 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

#626262 Achromatopsia 0.005% of the population
#586180 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0072de Protanopia 1% of men
#0078c1 Deuteranopia 1% of men
#008188 Tritanopia 0.001% of the population

Trichromacy

#116be7 Protanomaly 1% of men, 0.01% of women
#116fd5 Deuteranomaly 6% of men, 0.4% of women
#1174b0 Tritanomaly 0.01% of the population

#305ff8 hex color

#305ff8 Color Information

#305ff8 Color Conversion

Color Schemes with #305ff8

Alternatives to #305ff8

#305ff8 Preview

Shades and Tints of #305ff8

Tones of #305ff8

Color Blindness Simulator