#305fdc hex color

In a RGB color space, hex #305fdc is composed of 18.8% red, 37.3% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 78.2% cyan, 56.8% magenta, 0% yellow and 13.7% black. It has a hue angle of 223.6 degrees, a saturation of 71.1% and a lightness of 52.5%. #305fdc color hex could be obtained by blending #60beff with #0000b9. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 37
- B 86
RGB color chart
- C 78
- M 57
- Y 0
- K 14
CMYK color chart

● #305fdc color description : Bright blue.

The hexadecimal color #305fdc has RGB values of R:48, G:95, B:220 and CMYK values of C:0.78, M:0.57, Y:0, K:0.14. Its decimal value is 3170268.

Hex triplet	305fdc	`#305fdc`
RGB Decimal	48, 95, 220	`rgb(48,95,220)`
RGB Percent	18.8, 37.3, 86.3	`rgb(18.8%,37.3%,86.3%)`
CMYK	78, 57, 0, 14
HSL	223.6°, 71.1, 52.5	`hsl(223.6,71.1%,52.5%)`
HSV (or HSB)	223.6°, 78.2, 86.3
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.202, 28.839, -68.358
XYZ	18.227, 13.979, 69.444
xyY	0.179, 0.138, 13.979
CIE-LCH	44.202, 74.192, 292.874
CIE-LUV	44.202, -17.65, -103.401
Hunter-Lab	37.388, 21.589, -83.952
Binary	00110000, 01011111, 11011100

#305fdc
```
#305fdc rgb(48,95,220)
```
#dcad30
```
#dcad30 rgb(220,173,48)
```

Complementary Color

#30b5dc
```
#30b5dc rgb(48,181,220)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#5730dc
```
#5730dc rgb(87,48,220)
```

Analogous Color

#b5dc30
```
#b5dc30 rgb(181,220,48)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#dc5730
```
#dc5730 rgb(220,87,48)
```

Split Complementary Color

#5fdc30
```
#5fdc30 rgb(95,220,48)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#dc305f
```
#dc305f rgb(220,48,95)
```

Triadic Color

#30dcad
```
#30dcad rgb(48,220,173)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#dc305f
```
#dc305f rgb(220,48,95)
```
#dcad30
```
#dcad30 rgb(220,173,48)
```

Tetradic Color

#1c41a4
```
#1c41a4 rgb(28,65,164)
```
#1f4aba
```
#1f4aba rgb(31,74,186)
```
#2352cf
```
#2352cf rgb(35,82,207)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#4670e0
```
#4670e0 rgb(70,112,224)
```
#5c81e3
```
#5c81e3 rgb(92,129,227)
```
#7192e7
```
#7192e7 rgb(113,146,231)
```

Monochromatic Color

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

#308adc
```
#308adc rgb(48,138,220)
```
#307cdc
```
#307cdc rgb(48,124,220)
```
#306ddc
```
#306ddc rgb(48,109,220)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#3051dc
```
#3051dc rgb(48,81,220)
```
#3042dc
```
#3042dc rgb(48,66,220)
```
#3034dc
```
#3034dc rgb(48,52,220)
```

Similar Colors

Text with hexadecimal color #305fdc

This text has a font color of #305fdc.

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

#305fdc background color

This paragraph has a background color of #305fdc.

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

#305fdc border color

This element has a border color of #305fdc.

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

CSS codes

.text {color:#305fdc;}

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

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

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, #02040b is the darkest color, while #f9fbfe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050b1c
```
#050b1c rgb(5,11,28)
```
#08122d
```
#08122d rgb(8,18,45)
```
#0a183d
```
#0a183d rgb(10,24,61)
```
#0d1f4e
```
#0d1f4e rgb(13,31,78)
```
#10265f
```
#10265f rgb(16,38,95)
```
#132c70
```
#132c70 rgb(19,44,112)
```
#163381
```
#163381 rgb(22,51,129)
```
#193a91
```
#193a91 rgb(25,58,145)
```
#1b40a2
```
#1b40a2 rgb(27,64,162)
```
#1e47b3
```
#1e47b3 rgb(30,71,179)
```
#214ec4
```
#214ec4 rgb(33,78,196)
```
#2454d4
```
#2454d4 rgb(36,84,212)
```

Shade Color Variation

#305fdc
```
#305fdc rgb(48,95,220)
```
#416cdf
```
#416cdf rgb(65,108,223)
```
#5279e2
```
#5279e2 rgb(82,121,226)
```
#6286e5
```
#6286e5 rgb(98,134,229)
```
#7393e7
```
#7393e7 rgb(115,147,231)
```
#84a0ea
```
#84a0ea rgb(132,160,234)
```
#95aded
```
#95aded rgb(149,173,237)
```
#a5baf0
```
#a5baf0 rgb(165,186,240)
```
#b6c7f3
```
#b6c7f3 rgb(182,199,243)
```
#c7d4f6
```
#c7d4f6 rgb(199,212,246)
```
#d8e1f8
```
#d8e1f8 rgb(216,225,248)
```
#e9eefb
```
#e9eefb rgb(233,238,251)
```
#f9fbfe
```
#f9fbfe rgb(249,251,254)
```

Tint Color Variation

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

#848588
```
#848588 rgb(132,133,136)
```
#7a8192
```
#7a8192 rgb(122,129,146)
```
#717d9b
```
#717d9b rgb(113,125,155)
```
#6878a4
```
#6878a4 rgb(104,120,164)
```
#5f74ad
```
#5f74ad rgb(95,116,173)
```
#5570b7
```
#5570b7 rgb(85,112,183)
```
#4c6cc0
```
#4c6cc0 rgb(76,108,192)
```
#4367c9
```
#4367c9 rgb(67,103,201)
```
#3963d3
```
#3963d3 rgb(57,99,211)
```
#305fdc
```
#305fdc rgb(48,95,220)
```
#275be5
```
#275be5 rgb(39,91,229)
```
#1d57ef
```
#1d57ef rgb(29,87,239)
```
#1452f8
```
#1452f8 rgb(20,82,248)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#565f78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd5 Protanopia 1% of men
#0072ba Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

#1167d7 Protanomaly 1% of men, 0.01% of women
#116bc6 Deuteranomaly 6% of men, 0.4% of women
#1171a3 Tritanomaly 0.01% of the population

#305fdc hex color

#305fdc Color Information

#305fdc Color Conversion

Color Schemes with #305fdc

Alternatives to #305fdc

#305fdc Preview

Shades and Tints of #305fdc

Tones of #305fdc

Color Blindness Simulator