#304b66 hex color

In a RGB color space, hex #304b66 is composed of 18.8% red, 29.4% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 26.5% magenta, 0% yellow and 60% black. It has a hue angle of 210 degrees, a saturation of 36% and a lightness of 29.4%. #304b66 color hex could be obtained by blending #6096cc with #000000. Closest websafe color is: #333366.

♥
- f
- t
- g
- R 19
- G 29
- B 40
RGB color chart
- C 53
- M 26
- Y 0
- K 60
CMYK color chart

● #304b66 color description : Very dark desaturated blue.

The hexadecimal color #304b66 has RGB values of R:48, G:75, B:102 and CMYK values of C:0.53, M:0.26, Y:0, K:0.6. Its decimal value is 3165030.

Hex triplet	304b66	`#304b66`
RGB Decimal	48, 75, 102	`rgb(48,75,102)`
RGB Percent	18.8, 29.4, 40	`rgb(18.8%,29.4%,40%)`
CMYK	53, 26, 0, 60
HSL	210°, 36, 29.4	`hsl(210,36%,29.4%)`
HSV (or HSB)	210°, 52.9, 40
Web Safe	333366	`#333366`

CIE-LAB	30.925, -1.718, -18.884
XYZ	6.133, 6.62, 13.524
xyY	0.233, 0.252, 6.62
CIE-LCH	30.925, 18.962, 264.803
CIE-LUV	30.925, -11.987, -24.233
Hunter-Lab	25.728, -2.477, -13.156
Binary	00110000, 01001011, 01100110

#304b66
```
#304b66 rgb(48,75,102)
```
#664b30
```
#664b30 rgb(102,75,48)
```

Complementary Color

#306666
```
#306666 rgb(48,102,102)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#303066
```
#303066 rgb(48,48,102)
```

Analogous Color

#666630
```
#666630 rgb(102,102,48)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#663030
```
#663030 rgb(102,48,48)
```

Split Complementary Color

#4b6630
```
#4b6630 rgb(75,102,48)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#66304b
```
#66304b rgb(102,48,75)
```

Triadic Color

#30664b
```
#30664b rgb(48,102,75)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#66304b
```
#66304b rgb(102,48,75)
```
#664b30
```
#664b30 rgb(102,75,48)
```

Tetradic Color

#182532
```
#182532 rgb(24,37,50)
```
#203243
```
#203243 rgb(32,50,67)
```
#283e55
```
#283e55 rgb(40,62,85)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#385877
```
#385877 rgb(56,88,119)
```
#406589
```
#406589 rgb(64,101,137)
```
#48719a
```
#48719a rgb(72,113,154)
```

Monochromatic Color

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

#305966
```
#305966 rgb(48,89,102)
```
#305466
```
#305466 rgb(48,84,102)
```
#305066
```
#305066 rgb(48,80,102)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#304766
```
#304766 rgb(48,71,102)
```
#304266
```
#304266 rgb(48,66,102)
```
#303e66
```
#303e66 rgb(48,62,102)
```

Similar Colors

Text with hexadecimal color #304b66

This text has a font color of #304b66.

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

#304b66 background color

This paragraph has a background color of #304b66.

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

#304b66 border color

This element has a border color of #304b66.

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

CSS codes

.text {color:#304b66;}

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

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

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

#040609
```
#040609 rgb(4,6,9)
```
#0a1016
```
#0a1016 rgb(10,16,22)
```
#111a23
```
#111a23 rgb(17,26,35)
```
#172431
```
#172431 rgb(23,36,49)
```
#1d2e3e
```
#1d2e3e rgb(29,46,62)
```
#23374b
```
#23374b rgb(35,55,75)
```
#2a4159
```
#2a4159 rgb(42,65,89)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#365573
```
#365573 rgb(54,85,115)
```
#3d5f81
```
#3d5f81 rgb(61,95,129)
```
#43688e
```
#43688e rgb(67,104,142)
```
#49729b
```
#49729b rgb(73,114,155)
```
#4f7ca9
```
#4f7ca9 rgb(79,124,169)
```

Shade Color Variation

#5a86b1
```
#5a86b1 rgb(90,134,177)
```
#6890b8
```
#6890b8 rgb(104,144,184)
```
#7599be
```
#7599be rgb(117,153,190)
```
#82a3c4
```
#82a3c4 rgb(130,163,196)
```
#90adcb
```
#90adcb rgb(144,173,203)
```
#9db7d1
```
#9db7d1 rgb(157,183,209)
```
#aac1d7
```
#aac1d7 rgb(170,193,215)
```
#b8cbdd
```
#b8cbdd rgb(184,203,221)
```
#c5d4e4
```
#c5d4e4 rgb(197,212,228)
```
#d2deea
```
#d2deea rgb(210,222,234)
```
#e0e8f0
```
#e0e8f0 rgb(224,232,240)
```
#edf2f7
```
#edf2f7 rgb(237,242,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #474b4f is the less saturated color, while #024b94 is the most saturated one.

#474b4f
```
#474b4f rgb(71,75,79)
```
#414b55
```
#414b55 rgb(65,75,85)
```
#3c4b5a
```
#3c4b5a rgb(60,75,90)
```
#364b60
```
#364b60 rgb(54,75,96)
```
#304b66
```
#304b66 rgb(48,75,102)
```
#2a4b6c
```
#2a4b6c rgb(42,75,108)
```
#244b72
```
#244b72 rgb(36,75,114)
```
#1f4b77
```
#1f4b77 rgb(31,75,119)
```
#194b7d
```
#194b7d rgb(25,75,125)
```
#134b83
```
#134b83 rgb(19,75,131)
```
#0d4b89
```
#0d4b89 rgb(13,75,137)
```
#084b8e
```
#084b8e rgb(8,75,142)
```
#024b94
```
#024b94 rgb(2,75,148)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#42474c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a516b Protanopia 1% of men
#47516f Deuteranopia 1% of men
#34575d Tritanopia 0.001% of the population

Trichromacy

#404f69 Protanomaly 1% of men, 0.01% of women
#3f4f6b Deuteranomaly 6% of men, 0.4% of women
#325260 Tritanomaly 0.01% of the population

#304b66 hex color

#304b66 Color Information

#304b66 Color Conversion

Color Schemes with #304b66

Alternatives to #304b66

#304b66 Preview

Shades and Tints of #304b66

Tones of #304b66

Color Blindness Simulator