#305fdd hex color

In a RGB color space, hex #305fdd is composed of 18.8% red, 37.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 57% magenta, 0% yellow and 13.3% black. It has a hue angle of 223.7 degrees, a saturation of 71.8% and a lightness of 52.7%. #305fdd color hex could be obtained by blending #60beff with #0000bb. Closest websafe color is: #3366cc.

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

● #305fdd color description : Bright blue.

The hexadecimal color #305fdd has RGB values of R:48, G:95, B:221 and CMYK values of C:0.78, M:0.57, Y:0, K:0.13. Its decimal value is 3170269.

Hex triplet	305fdd	`#305fdd`
RGB Decimal	48, 95, 221	`rgb(48,95,221)`
RGB Percent	18.8, 37.3, 86.7	`rgb(18.8%,37.3%,86.7%)`
CMYK	78, 57, 0, 13
HSL	223.7°, 71.8, 52.7	`hsl(223.7,71.8%,52.7%)`
HSV (or HSB)	223.7°, 78.3, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.279, 29.209, -68.803
XYZ	18.36, 14.032, 70.143
xyY	0.179, 0.137, 14.032
CIE-LCH	44.279, 74.747, 293.003
CIE-LUV	44.279, -17.647, -104.097
Hunter-Lab	37.459, 21.933, -84.801
Binary	00110000, 01011111, 11011101

#305fdd
```
#305fdd rgb(48,95,221)
```
#ddae30
```
#ddae30 rgb(221,174,48)
```

Complementary Color

#30b6dd
```
#30b6dd rgb(48,182,221)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#5830dd
```
#5830dd rgb(88,48,221)
```

Analogous Color

#b6dd30
```
#b6dd30 rgb(182,221,48)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#dd5830
```
#dd5830 rgb(221,88,48)
```

Split Complementary Color

#5fdd30
```
#5fdd30 rgb(95,221,48)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#dd305f
```
#dd305f rgb(221,48,95)
```

Triadic Color

#30ddae
```
#30ddae rgb(48,221,174)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#dd305f
```
#dd305f rgb(221,48,95)
```
#ddae30
```
#ddae30 rgb(221,174,48)
```

Tetradic Color

#1b41a5
```
#1b41a5 rgb(27,65,165)
```
#1f49bb
```
#1f49bb rgb(31,73,187)
```
#2252d1
```
#2252d1 rgb(34,82,209)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#4670e1
```
#4670e1 rgb(70,112,225)
```
#5c81e4
```
#5c81e4 rgb(92,129,228)
```
#7292e8
```
#7292e8 rgb(114,146,232)
```

Monochromatic Color

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

#308add
```
#308add rgb(48,138,221)
```
#307cdd
```
#307cdd rgb(48,124,221)
```
#306ddd
```
#306ddd rgb(48,109,221)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#3051dd
```
#3051dd rgb(48,81,221)
```
#3042dd
```
#3042dd rgb(48,66,221)
```
#3034dd
```
#3034dd rgb(48,52,221)
```

Similar Colors

Text with hexadecimal color #305fdd

This text has a font color of #305fdd.

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

#305fdd background color

This paragraph has a background color of #305fdd.

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

#305fdd border color

This element has a border color of #305fdd.

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

CSS codes

.text {color:#305fdd;}

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

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

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, #02050c is the darkest color, while #fafbfe is the lightest one.

#02050c
```
#02050c rgb(2,5,12)
```
#050b1d
```
#050b1d rgb(5,11,29)
```
#08122e
```
#08122e rgb(8,18,46)
```
#0a183f
```
#0a183f rgb(10,24,63)
```
#0d1f4f
```
#0d1f4f rgb(13,31,79)
```
#102660
```
#102660 rgb(16,38,96)
```
#132c71
```
#132c71 rgb(19,44,113)
```
#153382
```
#153382 rgb(21,51,130)
```
#183993
```
#183993 rgb(24,57,147)
```
#1b40a4
```
#1b40a4 rgb(27,64,164)
```
#1e47b5
```
#1e47b5 rgb(30,71,181)
```
#204dc5
```
#204dc5 rgb(32,77,197)
```
#2354d6
```
#2354d6 rgb(35,84,214)
```

Shade Color Variation

#305fdd
```
#305fdd rgb(48,95,221)
```
#416ce0
```
#416ce0 rgb(65,108,224)
```
#5279e3
```
#5279e3 rgb(82,121,227)
```
#6386e5
```
#6386e5 rgb(99,134,229)
```
#7393e8
```
#7393e8 rgb(115,147,232)
```
#84a0eb
```
#84a0eb rgb(132,160,235)
```
#95adee
```
#95adee rgb(149,173,238)
```
#a6baf0
```
#a6baf0 rgb(166,186,240)
```
#b7c7f3
```
#b7c7f3 rgb(183,199,243)
```
#c8d4f6
```
#c8d4f6 rgb(200,212,246)
```
#d8e1f9
```
#d8e1f9 rgb(216,225,249)
```
#e9eefb
```
#e9eefb rgb(233,238,251)
```
#fafbfe
```
#fafbfe rgb(250,251,254)
```

Tint Color Variation

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

#83858a
```
#83858a rgb(131,133,138)
```
#7a8193
```
#7a8193 rgb(122,129,147)
```
#717d9c
```
#717d9c rgb(113,125,156)
```
#6878a5
```
#6878a5 rgb(104,120,165)
```
#5e74af
```
#5e74af rgb(94,116,175)
```
#5570b8
```
#5570b8 rgb(85,112,184)
```
#4c6cc1
```
#4c6cc1 rgb(76,108,193)
```
#4367ca
```
#4367ca rgb(67,103,202)
```
#3963d4
```
#3963d4 rgb(57,99,212)
```
#305fdd
```
#305fdd rgb(48,95,221)
```
#275be6
```
#275be6 rgb(39,91,230)
```
#1d57f0
```
#1d57f0 rgb(29,87,240)
```
#1452f9
```
#1452f9 rgb(20,82,249)
```

Tone Color Variation

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

#006dd5 Protanopia 1% of men
#0073ba Deuteranopia 1% of men
#007b82 Tritanopia 0.001% of the population

Trichromacy

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

#305fdd hex color

#305fdd Color Information

#305fdd Color Conversion

Color Schemes with #305fdd

Alternatives to #305fdd

#305fdd Preview

Shades and Tints of #305fdd

Tones of #305fdd

Color Blindness Simulator