#304bda hex color

In a RGB color space, hex #304bda is composed of 18.8% red, 29.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 65.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 230.5 degrees, a saturation of 69.7% and a lightness of 52.2%. #304bda color hex could be obtained by blending #6096ff with #0000b5. Closest websafe color is: #3333cc.

♥
- f
- t
- g
- R 19
- G 29
- B 85
RGB color chart
- C 78
- M 66
- Y 0
- K 15
CMYK color chart

● #304bda color description : Bright blue.

The hexadecimal color #304bda has RGB values of R:48, G:75, B:218 and CMYK values of C:0.78, M:0.66, Y:0, K:0.15. Its decimal value is 3165146.

Hex triplet	304bda	`#304bda`
RGB Decimal	48, 75, 218	`rgb(48,75,218)`
RGB Percent	18.8, 29.4, 85.5	`rgb(18.8%,29.4%,85.5%)`
CMYK	78, 66, 0, 15
HSL	230.5°, 69.7, 52.2	`hsl(230.5,69.7%,52.2%)`
HSV (or HSB)	230.5°, 78, 85.5
Web Safe	3333cc	`#3333cc`

CIE-LAB	39.107, 40.756, -75.548
XYZ	16.387, 10.721, 67.532
xyY	0.173, 0.113, 10.721
CIE-LCH	39.107, 85.841, 298.346
CIE-LUV	39.107, -12.838, -108.937
Hunter-Lab	32.743, 32.034, -99.362
Binary	00110000, 01001011, 11011010

#304bda
```
#304bda rgb(48,75,218)
```
#dabf30
```
#dabf30 rgb(218,191,48)
```

Complementary Color

#30a0da
```
#30a0da rgb(48,160,218)
```
#304bda
```
#304bda rgb(48,75,218)
```
#6a30da
```
#6a30da rgb(106,48,218)
```

Analogous Color

#a0da30
```
#a0da30 rgb(160,218,48)
```
#304bda
```
#304bda rgb(48,75,218)
```
#da6a30
```
#da6a30 rgb(218,106,48)
```

Split Complementary Color

#4bda30
```
#4bda30 rgb(75,218,48)
```
#304bda
```
#304bda rgb(48,75,218)
```
#da304b
```
#da304b rgb(218,48,75)
```

Triadic Color

#30dabf
```
#30dabf rgb(48,218,191)
```
#304bda
```
#304bda rgb(48,75,218)
```
#da304b
```
#da304b rgb(218,48,75)
```
#dabf30
```
#dabf30 rgb(218,191,48)
```

Tetradic Color

#1d32a1
```
#1d32a1 rgb(29,50,161)
```
#2138b6
```
#2138b6 rgb(33,56,182)
```
#243fcc
```
#243fcc rgb(36,63,204)
```
#304bda
```
#304bda rgb(48,75,218)
```
#465ede
```
#465ede rgb(70,94,222)
```
#5b71e2
```
#5b71e2 rgb(91,113,226)
```
#7183e6
```
#7183e6 rgb(113,131,230)
```

Monochromatic Color

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

#3076da
```
#3076da rgb(48,118,218)
```
#3067da
```
#3067da rgb(48,103,218)
```
#3059da
```
#3059da rgb(48,89,218)
```
#304bda
```
#304bda rgb(48,75,218)
```
#303dda
```
#303dda rgb(48,61,218)
```
#3130da
```
#3130da rgb(49,48,218)
```
#4030da
```
#4030da rgb(64,48,218)
```

Similar Colors

Text with hexadecimal color #304bda

This text has a font color of #304bda.

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

#304bda background color

This paragraph has a background color of #304bda.

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

#304bda border color

This element has a border color of #304bda.

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

CSS codes

.text {color:#304bda;}

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

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

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

#020309
```
#020309 rgb(2,3,9)
```
#05081a
```
#05081a rgb(5,8,26)
```
#080d2b
```
#080d2b rgb(8,13,43)
```
#0b123b
```
#0b123b rgb(11,18,59)
```
#0e174c
```
#0e174c rgb(14,23,76)
```
#111d5d
```
#111d5d rgb(17,29,93)
```
#14226d
```
#14226d rgb(20,34,109)
```
#16277e
```
#16277e rgb(22,39,126)
```
#192c8e
```
#192c8e rgb(25,44,142)
```
#1c319f
```
#1c319f rgb(28,49,159)
```
#1f36b0
```
#1f36b0 rgb(31,54,176)
```
#223bc0
```
#223bc0 rgb(34,59,192)
```
#2541d1
```
#2541d1 rgb(37,65,209)
```

Shade Color Variation

#304bda
```
#304bda rgb(48,75,218)
```
#4159dd
```
#4159dd rgb(65,89,221)
```
#5168e0
```
#5168e0 rgb(81,104,224)
```
#6276e3
```
#6276e3 rgb(98,118,227)
```
#7385e6
```
#7385e6 rgb(115,133,230)
```
#8393e9
```
#8393e9 rgb(131,147,233)
```
#94a2ec
```
#94a2ec rgb(148,162,236)
```
#a4b0ef
```
#a4b0ef rgb(164,176,239)
```
#b5bff2
```
#b5bff2 rgb(181,191,242)
```
#c6cdf5
```
#c6cdf5 rgb(198,205,245)
```
#d6dcf8
```
#d6dcf8 rgb(214,220,248)
```
#e7eafb
```
#e7eafb rgb(231,234,251)
```
#f8f9fe
```
#f8f9fe rgb(248,249,254)
```

Tint Color Variation

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

#848586
```
#848586 rgb(132,133,134)
```
#7b7e8f
```
#7b7e8f rgb(123,126,143)
```
#727898
```
#727898 rgb(114,120,152)
```
#6871a2
```
#6871a2 rgb(104,113,162)
```
#5f6bab
```
#5f6bab rgb(95,107,171)
```
#5665b4
```
#5665b4 rgb(86,101,180)
```
#4c5ebe
```
#4c5ebe rgb(76,94,190)
```
#4358c7
```
#4358c7 rgb(67,88,199)
```
#3951d1
```
#3951d1 rgb(57,81,209)
```
#304bda
```
#304bda rgb(48,75,218)
```
#2745e3
```
#2745e3 rgb(39,69,227)
```
#1d3eed
```
#1d3eed rgb(29,62,237)
```
#1438f6
```
#1438f6 rgb(20,56,246)
```

Tone Color Variation

Below, you can see how #304bda 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
#4c516e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0061be Protanopia 1% of men
#0067a5 Deuteranopia 1% of men
#006e74 Tritanopia 0.001% of the population

Trichromacy

#1159c8 Protanomaly 1% of men, 0.01% of women
#115cb8 Deuteranomaly 6% of men, 0.4% of women
#116199 Tritanomaly 0.01% of the population

#304bda hex color

#304bda Color Information

#304bda Color Conversion

Color Schemes with #304bda

Alternatives to #304bda

#304bda Preview

Shades and Tints of #304bda

Tones of #304bda

Color Blindness Simulator