#305ddd hex color

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

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

● #305ddd color description : Bright blue.

The hexadecimal color #305ddd has RGB values of R:48, G:93, B:221 and CMYK values of C:0.78, M:0.58, Y:0, K:0.13. Its decimal value is 3169757.

Hex triplet	305ddd	`#305ddd`
RGB Decimal	48, 93, 221	`rgb(48,93,221)`
RGB Percent	18.8, 36.5, 86.7	`rgb(18.8%,36.5%,86.7%)`
CMYK	78, 58, 0, 13
HSL	224.4°, 71.8, 52.7	`hsl(224.4,71.8%,52.7%)`
HSV (or HSB)	224.4°, 78.3, 86.7
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.765, 30.487, -69.64
XYZ	18.182, 13.676, 70.084
xyY	0.178, 0.134, 13.676
CIE-LCH	43.765, 76.021, 293.643
CIE-LUV	43.765, -17.127, -104.943
Hunter-Lab	36.981, 23.041, -86.475
Binary	00110000, 01011101, 11011101

#305ddd
```
#305ddd rgb(48,93,221)
```
#ddb030
```
#ddb030 rgb(221,176,48)
```

Complementary Color

#30b4dd
```
#30b4dd rgb(48,180,221)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#5a30dd
```
#5a30dd rgb(90,48,221)
```

Analogous Color

#b4dd30
```
#b4dd30 rgb(180,221,48)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#dd5a30
```
#dd5a30 rgb(221,90,48)
```

Split Complementary Color

#5ddd30
```
#5ddd30 rgb(93,221,48)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#dd305d
```
#dd305d rgb(221,48,93)
```

Triadic Color

#30ddb0
```
#30ddb0 rgb(48,221,176)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#dd305d
```
#dd305d rgb(221,48,93)
```
#ddb030
```
#ddb030 rgb(221,176,48)
```

Tetradic Color

#1b3fa5
```
#1b3fa5 rgb(27,63,165)
```
#1f47bb
```
#1f47bb rgb(31,71,187)
```
#2250d1
```
#2250d1 rgb(34,80,209)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#466ee1
```
#466ee1 rgb(70,110,225)
```
#5c7fe4
```
#5c7fe4 rgb(92,127,228)
```
#7290e8
```
#7290e8 rgb(114,144,232)
```

Monochromatic Color

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

#3088dd
```
#3088dd rgb(48,136,221)
```
#307add
```
#307add rgb(48,122,221)
```
#306bdd
```
#306bdd rgb(48,107,221)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#304fdd
```
#304fdd rgb(48,79,221)
```
#3040dd
```
#3040dd rgb(48,64,221)
```
#3032dd
```
#3032dd rgb(48,50,221)
```

Similar Colors

Text with hexadecimal color #305ddd

This text has a font color of #305ddd.

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

#305ddd background color

This paragraph has a background color of #305ddd.

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

#305ddd border color

This element has a border color of #305ddd.

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

CSS codes

.text {color:#305ddd;}

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

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

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)
```
#08112e
```
#08112e rgb(8,17,46)
```
#0a183f
```
#0a183f rgb(10,24,63)
```
#0d1e4f
```
#0d1e4f rgb(13,30,79)
```
#102560
```
#102560 rgb(16,37,96)
```
#132b71
```
#132b71 rgb(19,43,113)
```
#153282
```
#153282 rgb(21,50,130)
```
#183893
```
#183893 rgb(24,56,147)
```
#1b3ea4
```
#1b3ea4 rgb(27,62,164)
```
#1e45b5
```
#1e45b5 rgb(30,69,181)
```
#204bc5
```
#204bc5 rgb(32,75,197)
```
#2352d6
```
#2352d6 rgb(35,82,214)
```

Shade Color Variation

#305ddd
```
#305ddd rgb(48,93,221)
```
#416ae0
```
#416ae0 rgb(65,106,224)
```
#5277e3
```
#5277e3 rgb(82,119,227)
```
#6385e5
```
#6385e5 rgb(99,133,229)
```
#7392e8
```
#7392e8 rgb(115,146,232)
```
#849feb
```
#849feb rgb(132,159,235)
```
#95acee
```
#95acee rgb(149,172,238)
```
#a6b9f0
```
#a6b9f0 rgb(166,185,240)
```
#b7c6f3
```
#b7c6f3 rgb(183,198,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 #1450f9 is the most saturated one.

#83858a
```
#83858a rgb(131,133,138)
```
#7a8193
```
#7a8193 rgb(122,129,147)
```
#717c9c
```
#717c9c rgb(113,124,156)
```
#6878a5
```
#6878a5 rgb(104,120,165)
```
#5e73af
```
#5e73af rgb(94,115,175)
```
#556fb8
```
#556fb8 rgb(85,111,184)
```
#4c6ac1
```
#4c6ac1 rgb(76,106,193)
```
#4366ca
```
#4366ca rgb(67,102,202)
```
#3961d4
```
#3961d4 rgb(57,97,212)
```
#305ddd
```
#305ddd rgb(48,93,221)
```
#2759e6
```
#2759e6 rgb(39,89,230)
```
#1d54f0
```
#1d54f0 rgb(29,84,240)
```
#1450f9
```
#1450f9 rgb(20,80,249)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#555e77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd3 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#007a81 Tritanopia 0.001% of the population

Trichromacy

#1166d6 Protanomaly 1% of men, 0.01% of women
#116ac5 Deuteranomaly 6% of men, 0.4% of women
#116fa2 Tritanomaly 0.01% of the population

#305ddd hex color

#305ddd Color Information

#305ddd Color Conversion

Color Schemes with #305ddd

Alternatives to #305ddd

#305ddd Preview

Shades and Tints of #305ddd

Tones of #305ddd

Color Blindness Simulator