#304baa hex color

In a RGB color space, hex #304baa is composed of 18.8% red, 29.4% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 55.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 226.7 degrees, a saturation of 56% and a lightness of 42.7%. #304baa color hex could be obtained by blending #6096ff with #000055. Closest websafe color is: #333399.

♥
- f
- t
- g
- R 19
- G 29
- B 67
RGB color chart
- C 72
- M 56
- Y 0
- K 33
CMYK color chart

● #304baa color description : Dark blue.

The hexadecimal color #304baa has RGB values of R:48, G:75, B:170 and CMYK values of C:0.72, M:0.56, Y:0, K:0.33. Its decimal value is 3165098.

Hex triplet	304baa	`#304baa`
RGB Decimal	48, 75, 170	`rgb(48,75,170)`
RGB Percent	18.8, 29.4, 66.7	`rgb(18.8%,29.4%,66.7%)`
CMYK	72, 56, 0, 33
HSL	226.7°, 56, 42.7	`hsl(226.7,56%,42.7%)`
HSV (or HSB)	226.7°, 71.8, 66.7
Web Safe	333399	`#333399`

CIE-LAB	35.127, 23.207, -54.009
XYZ	10.989, 8.562, 39.102
xyY	0.187, 0.146, 8.562
CIE-LCH	35.127, 58.783, 293.252
CIE-LUV	35.127, -12.156, -76.798
Hunter-Lab	29.261, 15.83, -58.746
Binary	00110000, 01001011, 10101010

#304baa
```
#304baa rgb(48,75,170)
```
#aa8f30
```
#aa8f30 rgb(170,143,48)
```

Complementary Color

#3088aa
```
#3088aa rgb(48,136,170)
```
#304baa
```
#304baa rgb(48,75,170)
```
#5230aa
```
#5230aa rgb(82,48,170)
```

Analogous Color

#88aa30
```
#88aa30 rgb(136,170,48)
```
#304baa
```
#304baa rgb(48,75,170)
```
#aa5230
```
#aa5230 rgb(170,82,48)
```

Split Complementary Color

#4baa30
```
#4baa30 rgb(75,170,48)
```
#304baa
```
#304baa rgb(48,75,170)
```
#aa304b
```
#aa304b rgb(170,48,75)
```

Triadic Color

#30aa8f
```
#30aa8f rgb(48,170,143)
```
#304baa
```
#304baa rgb(48,75,170)
```
#aa304b
```
#aa304b rgb(170,48,75)
```
#aa8f30
```
#aa8f30 rgb(170,143,48)
```

Tetradic Color

#1f316e
```
#1f316e rgb(31,49,110)
```
#253982
```
#253982 rgb(37,57,130)
```
#2a4296
```
#2a4296 rgb(42,66,150)
```
#304baa
```
#304baa rgb(48,75,170)
```
#3654be
```
#3654be rgb(54,84,190)
```
#4361ca
```
#4361ca rgb(67,97,202)
```
#5772d0
```
#5772d0 rgb(87,114,208)
```

Monochromatic Color

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

#306aaa
```
#306aaa rgb(48,106,170)
```
#305faa
```
#305faa rgb(48,95,170)
```
#3055aa
```
#3055aa rgb(48,85,170)
```
#304baa
```
#304baa rgb(48,75,170)
```
#3041aa
```
#3041aa rgb(48,65,170)
```
#3037aa
```
#3037aa rgb(48,55,170)
```
#3430aa
```
#3430aa rgb(52,48,170)
```

Similar Colors

Text with hexadecimal color #304baa

This text has a font color of #304baa.

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

#304baa background color

This paragraph has a background color of #304baa.

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

#304baa border color

This element has a border color of #304baa.

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

CSS codes

.text {color:#304baa;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#050811
```
#050811 rgb(5,8,17)
```
#090e20
```
#090e20 rgb(9,14,32)
```
#0d1530
```
#0d1530 rgb(13,21,48)
```
#121c3f
```
#121c3f rgb(18,28,63)
```
#16234e
```
#16234e rgb(22,35,78)
```
#1a295e
```
#1a295e rgb(26,41,94)
```
#1f306d
```
#1f306d rgb(31,48,109)
```
#23377c
```
#23377c rgb(35,55,124)
```
#273e8b
```
#273e8b rgb(39,62,139)
```
#2c449b
```
#2c449b rgb(44,68,155)
```
#304baa
```
#304baa rgb(48,75,170)
```
#3452b9
```
#3452b9 rgb(52,82,185)
```

Shade Color Variation

#3a59c7
```
#3a59c7 rgb(58,89,199)
```
#4966cc
```
#4966cc rgb(73,102,204)
```
#5873d0
```
#5873d0 rgb(88,115,208)
```
#6880d4
```
#6880d4 rgb(104,128,212)
```
#778dd9
```
#778dd9 rgb(119,141,217)
```
#869add
```
#869add rgb(134,154,221)
```
#96a6e1
```
#96a6e1 rgb(150,166,225)
```
#a5b3e6
```
#a5b3e6 rgb(165,179,230)
```
#b4c0ea
```
#b4c0ea rgb(180,192,234)
```
#c4cdee
```
#c4cdee rgb(196,205,238)
```
#d3daf3
```
#d3daf3 rgb(211,218,243)
```
#e2e7f7
```
#e2e7f7 rgb(226,231,247)
```
#f1f4fb
```
#f1f4fb rgb(241,244,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6f is the less saturated color, while #0634d4 is the most saturated one.

#6b6c6f
```
#6b6c6f rgb(107,108,111)
```
#626778
```
#626778 rgb(98,103,120)
```
#5a6280
```
#5a6280 rgb(90,98,128)
```
#525e88
```
#525e88 rgb(82,94,136)
```
#495991
```
#495991 rgb(73,89,145)
```
#415499
```
#415499 rgb(65,84,153)
```
#3850a2
```
#3850a2 rgb(56,80,162)
```
#304baa
```
#304baa rgb(48,75,170)
```
#2846b2
```
#2846b2 rgb(40,70,178)
```
#1f42bb
```
#1f42bb rgb(31,66,187)
```
#173dc3
```
#173dc3 rgb(23,61,195)
```
#0e38cc
```
#0e38cc rgb(14,56,204)
```
#0634d4
```
#0634d4 rgb(6,52,212)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#484d60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0058ae Protanopia 1% of men
#005d98 Deuteranopia 1% of men
#00646a Tritanopia 0.001% of the population

Trichromacy

#1153ac Protanomaly 1% of men, 0.01% of women
#11569f Deuteranomaly 6% of men, 0.4% of women
#115b81 Tritanomaly 0.01% of the population

#304baa hex color

#304baa Color Information

#304baa Color Conversion

Color Schemes with #304baa

Alternatives to #304baa

#304baa Preview

Shades and Tints of #304baa

Tones of #304baa

Color Blindness Simulator