#304dd0 hex color

In a RGB color space, hex #304dd0 is composed of 18.8% red, 30.2% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 76.9% cyan, 63% magenta, 0% yellow and 18.4% black. It has a hue angle of 229.1 degrees, a saturation of 63% and a lightness of 50.2%. #304dd0 color hex could be obtained by blending #609aff with #0000a1. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 19
- G 30
- B 82
RGB color chart
- C 77
- M 63
- Y 0
- K 18
CMYK color chart

● #304dd0 color description : Strong blue.

The hexadecimal color #304dd0 has RGB values of R:48, G:77, B:208 and CMYK values of C:0.77, M:0.63, Y:0, K:0.18. Its decimal value is 3165648.

Hex triplet	304dd0	`#304dd0`
RGB Decimal	48, 77, 208	`rgb(48,77,208)`
RGB Percent	18.8, 30.2, 81.6	`rgb(18.8%,30.2%,81.6%)`
CMYK	77, 63, 0, 18
HSL	229.1°, 63, 50.2	`hsl(229.1,63%,50.2%)`
HSV (or HSB)	229.1°, 76.9, 81.6
Web Safe	3366cc	`#3366cc`

CIE-LAB	38.706, 35.924, -70.455
XYZ	15.256, 10.489, 60.892
xyY	0.176, 0.121, 10.489
CIE-LCH	38.706, 79.085, 297.016
CIE-LUV	38.706, -13.121, -101.952
Hunter-Lab	32.387, 27.404, -88.802
Binary	00110000, 01001101, 11010000

#304dd0
```
#304dd0 rgb(48,77,208)
```
#d0b330
```
#d0b330 rgb(208,179,48)
```

Complementary Color

#309dd0
```
#309dd0 rgb(48,157,208)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#6330d0
```
#6330d0 rgb(99,48,208)
```

Analogous Color

#9dd030
```
#9dd030 rgb(157,208,48)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#d06330
```
#d06330 rgb(208,99,48)
```

Split Complementary Color

#4dd030
```
#4dd030 rgb(77,208,48)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#d0304d
```
#d0304d rgb(208,48,77)
```

Triadic Color

#30d0b3
```
#30d0b3 rgb(48,208,179)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#d0304d
```
#d0304d rgb(208,48,77)
```
#d0b330
```
#d0b330 rgb(208,179,48)
```

Tetradic Color

#213692
```
#213692 rgb(33,54,146)
```
#263da7
```
#263da7 rgb(38,61,167)
```
#2b45bc
```
#2b45bc rgb(43,69,188)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#455fd5
```
#455fd5 rgb(69,95,213)
```
#5a71d9
```
#5a71d9 rgb(90,113,217)
```
#6e83de
```
#6e83de rgb(110,131,222)
```

Monochromatic Color

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

#3075d0
```
#3075d0 rgb(48,117,208)
```
#3068d0
```
#3068d0 rgb(48,104,208)
```
#305ad0
```
#305ad0 rgb(48,90,208)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#3040d0
```
#3040d0 rgb(48,64,208)
```
#3032d0
```
#3032d0 rgb(48,50,208)
```
#3b30d0
```
#3b30d0 rgb(59,48,208)
```

Similar Colors

Text with hexadecimal color #304dd0

This text has a font color of #304dd0.

<span style="color:#304dd0;">Text here</span>

#304dd0 background color

This paragraph has a background color of #304dd0.

<p style="background-color:#304dd0;">Content here</p>

#304dd0 border color

This element has a border color of #304dd0.

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

CSS codes

.text {color:#304dd0;}

.background {background-color:#304dd0;}

.border {border:1px solid #304dd0;}

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

#000001
```
#000001 rgb(0,0,1)
```
#040611
```
#040611 rgb(4,6,17)
```
#070c21
```
#070c21 rgb(7,12,33)
```
#0b1231
```
#0b1231 rgb(11,18,49)
```
#0f1841
```
#0f1841 rgb(15,24,65)
```
#121e51
```
#121e51 rgb(18,30,81)
```
#162461
```
#162461 rgb(22,36,97)
```
#1a2971
```
#1a2971 rgb(26,41,113)
```
#1d2f81
```
#1d2f81 rgb(29,47,129)
```
#213591
```
#213591 rgb(33,53,145)
```
#243ba1
```
#243ba1 rgb(36,59,161)
```
#2841b1
```
#2841b1 rgb(40,65,177)
```
#2c47c1
```
#2c47c1 rgb(44,71,193)
```

Shade Color Variation

#304dd0
```
#304dd0 rgb(48,77,208)
```
#405bd4
```
#405bd4 rgb(64,91,212)
```
#5068d7
```
#5068d7 rgb(80,104,215)
```
#6076db
```
#6076db rgb(96,118,219)
```
#7084df
```
#7084df rgb(112,132,223)
```
#8092e2
```
#8092e2 rgb(128,146,226)
```
#909fe6
```
#909fe6 rgb(144,159,230)
```
#a0ade9
```
#a0ade9 rgb(160,173,233)
```
#b0bbed
```
#b0bbed rgb(176,187,237)
```
#c0c9f1
```
#c0c9f1 rgb(192,201,241)
```
#d0d6f4
```
#d0d6f4 rgb(208,214,244)
```
#e0e4f8
```
#e0e4f8 rgb(224,228,248)
```
#f0f2fc
```
#f0f2fc rgb(240,242,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e7f82 is the less saturated color, while #0934f7 is the most saturated one.

#7e7f82
```
#7e7f82 rgb(126,127,130)
```
#74798c
```
#74798c rgb(116,121,140)
```
#6b7295
```
#6b7295 rgb(107,114,149)
```
#616c9f
```
#616c9f rgb(97,108,159)
```
#5766a9
```
#5766a9 rgb(87,102,169)
```
#4d60b3
```
#4d60b3 rgb(77,96,179)
```
#4459bc
```
#4459bc rgb(68,89,188)
```
#3a53c6
```
#3a53c6 rgb(58,83,198)
```
#304dd0
```
#304dd0 rgb(48,77,208)
```
#2647da
```
#2647da rgb(38,71,218)
```
#1c41e4
```
#1c41e4 rgb(28,65,228)
```
#133aed
```
#133aed rgb(19,58,237)
```
#0934f7
```
#0934f7 rgb(9,52,247)
```

Tone Color Variation

Below, you can see how #304dd0 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

#535353 Achromatopsia 0.005% of the population
#4c526c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a4 Deuteranopia 1% of men
#006d73 Tritanopia 0.001% of the population

Trichromacy

#1159c3 Protanomaly 1% of men, 0.01% of women
#115db4 Deuteranomaly 6% of men, 0.4% of women
#116195 Tritanomaly 0.01% of the population

#304dd0 hex color

#304dd0 Color Information

#304dd0 Color Conversion

Color Schemes with #304dd0

Alternatives to #304dd0

#304dd0 Preview

Shades and Tints of #304dd0

Tones of #304dd0

Color Blindness Simulator