#305fc3 hex color

In a RGB color space, hex #305fc3 is composed of 18.8% red, 37.3% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 51.3% magenta, 0% yellow and 23.5% black. It has a hue angle of 220.8 degrees, a saturation of 60.5% and a lightness of 47.6%. #305fc3 color hex could be obtained by blending #60beff with #000087. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 37
- B 76
RGB color chart
- C 75
- M 51
- Y 0
- K 24
CMYK color chart

● #305fc3 color description : Strong blue.

The hexadecimal color #305fc3 has RGB values of R:48, G:95, B:195 and CMYK values of C:0.75, M:0.51, Y:0, K:0.24. Its decimal value is 3170243.

Hex triplet	305fc3	`#305fc3`
RGB Decimal	48, 95, 195	`rgb(48,95,195)`
RGB Percent	18.8, 37.3, 76.5	`rgb(18.8%,37.3%,76.5%)`
CMYK	75, 51, 0, 24
HSL	220.8°, 60.5, 47.6	`hsl(220.8,60.5%,47.6%)`
HSV (or HSB)	220.8°, 75.4, 76.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	42.387, 19.487, -56.945
XYZ	15.159, 12.752, 53.289
xyY	0.187, 0.157, 12.752
CIE-LCH	42.387, 60.187, 288.891
CIE-LUV	42.387, -17.799, -85.425
Hunter-Lab	35.71, 13.284, -63.481
Binary	00110000, 01011111, 11000011

#305fc3
```
#305fc3 rgb(48,95,195)
```
#c39430
```
#c39430 rgb(195,148,48)
```

Complementary Color

#30a9c3
```
#30a9c3 rgb(48,169,195)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#4b30c3
```
#4b30c3 rgb(75,48,195)
```

Analogous Color

#a9c330
```
#a9c330 rgb(169,195,48)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#c34b30
```
#c34b30 rgb(195,75,48)
```

Split Complementary Color

#5fc330
```
#5fc330 rgb(95,195,48)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#c3305f
```
#c3305f rgb(195,48,95)
```

Triadic Color

#30c394
```
#30c394 rgb(48,195,148)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#c3305f
```
#c3305f rgb(195,48,95)
```
#c39430
```
#c39430 rgb(195,148,48)
```

Tetradic Color

#214186
```
#214186 rgb(33,65,134)
```
#264b9a
```
#264b9a rgb(38,75,154)
```
#2b55af
```
#2b55af rgb(43,85,175)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#3d6ccf
```
#3d6ccf rgb(61,108,207)
```
#527bd4
```
#527bd4 rgb(82,123,212)
```
#668bd9
```
#668bd9 rgb(102,139,217)
```

Monochromatic Color

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

#3084c3
```
#3084c3 rgb(48,132,195)
```
#3078c3
```
#3078c3 rgb(48,120,195)
```
#306bc3
```
#306bc3 rgb(48,107,195)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#3053c3
```
#3053c3 rgb(48,83,195)
```
#3047c3
```
#3047c3 rgb(48,71,195)
```
#303ac3
```
#303ac3 rgb(48,58,195)
```

Similar Colors

Text with hexadecimal color #305fc3

This text has a font color of #305fc3.

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

#305fc3 background color

This paragraph has a background color of #305fc3.

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

#305fc3 border color

This element has a border color of #305fc3.

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

CSS codes

.text {color:#305fc3;}

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

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

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

#020306
```
#020306 rgb(2,3,6)
```
#050b16
```
#050b16 rgb(5,11,22)
```
#091226
```
#091226 rgb(9,18,38)
```
#0d1a35
```
#0d1a35 rgb(13,26,53)
```
#112245
```
#112245 rgb(17,34,69)
```
#152955
```
#152955 rgb(21,41,85)
```
#193165
```
#193165 rgb(25,49,101)
```
#1d3974
```
#1d3974 rgb(29,57,116)
```
#214084
```
#214084 rgb(33,64,132)
```
#244894
```
#244894 rgb(36,72,148)
```
#2850a4
```
#2850a4 rgb(40,80,164)
```
#2c57b3
```
#2c57b3 rgb(44,87,179)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```

Shade Color Variation

#3868ce
```
#3868ce rgb(56,104,206)
```
#4874d2
```
#4874d2 rgb(72,116,210)
```
#5880d6
```
#5880d6 rgb(88,128,214)
```
#688cda
```
#688cda rgb(104,140,218)
```
#7798de
```
#7798de rgb(119,152,222)
```
#87a4e2
```
#87a4e2 rgb(135,164,226)
```
#97b0e5
```
#97b0e5 rgb(151,176,229)
```
#a7bce9
```
#a7bce9 rgb(167,188,233)
```
#b6c8ed
```
#b6c8ed rgb(182,200,237)
```
#c6d4f1
```
#c6d4f1 rgb(198,212,241)
```
#d6e0f5
```
#d6e0f5 rgb(214,224,245)
```
#e6ecf9
```
#e6ecf9 rgb(230,236,249)
```
#f5f8fd
```
#f5f8fd rgb(245,248,253)
```

Tint Color Variation

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

#717782
```
#717782 rgb(113,119,130)
```
#68738b
```
#68738b rgb(104,115,139)
```
#5f7094
```
#5f7094 rgb(95,112,148)
```
#556c9e
```
#556c9e rgb(85,108,158)
```
#4c69a7
```
#4c69a7 rgb(76,105,167)
```
#4366b0
```
#4366b0 rgb(67,102,176)
```
#3962ba
```
#3962ba rgb(57,98,186)
```
#305fc3
```
#305fc3 rgb(48,95,195)
```
#275ccc
```
#275ccc rgb(39,92,204)
```
#1d58d6
```
#1d58d6 rgb(29,88,214)
```
#1455df
```
#1455df rgb(20,85,223)
```
#0b52e8
```
#0b52e8 rgb(11,82,232)
```
#014ef2
```
#014ef2 rgb(1,78,242)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#2868c7 Protanopia 1% of men
#006eb5 Deuteranopia 1% of men
#00767e Tritanopia 0.001% of the population

Trichromacy

#2a65c5 Protanomaly 1% of men, 0.01% of women
#1168ba Deuteranomaly 6% of men, 0.4% of women
#116e97 Tritanomaly 0.01% of the population

#305fc3 hex color

#305fc3 Color Information

#305fc3 Color Conversion

Color Schemes with #305fc3

Alternatives to #305fc3

#305fc3 Preview

Shades and Tints of #305fc3

Tones of #305fc3

Color Blindness Simulator