colorhexa.com

#304165 hex color

In a RGB color space, hex #304165 is composed of 18.8% red, 25.5% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 35.6% magenta, 0% yellow and 60.4% black. It has a hue angle of 220.8 degrees, a saturation of 35.6% and a lightness of 29.2%. #304165 color hex could be obtained by blending #6082ca with #000000. Closest websafe color is: #333366.

- R 19
- G 25
- B 40
RGB color chart
- C 52
- M 36
- Y 0
- K 60
CMYK color chart

● #304165 color description : Very dark desaturated blue.

The hexadecimal color #304165 has RGB values of R:48, G:65, B:101 and CMYK values of C:0.52, M:0.36, Y:0, K:0.6. Its decimal value is 3162469.

Hex triplet	304165	`#304165`
RGB Decimal	48, 65, 101	`rgb(48,65,101)`
RGB Percent	18.8, 25.5, 39.6	`rgb(18.8%,25.5%,39.6%)`
CMYK	52, 36, 0, 60
HSL	220.8°, 35.6, 29.2	`hsl(220.8,35.6%,29.2%)`
HSV (or HSB)	220.8°, 52.5, 39.6
Web Safe	333366	`#333366`

CIE-LAB	27.705, 4.514, -23.27
XYZ	5.458, 5.348, 13.056
xyY	0.229, 0.224, 5.348
CIE-LCH	27.705, 23.704, 280.979
CIE-LUV	27.705, -8.278, -29.82
Hunter-Lab	23.126, 1.654, -17.283
Binary	00110000, 01000001, 01100101

#304165
```
#304165 rgb(48,65,101)
```
#655430
```
#655430 rgb(101,84,48)
```

Complementary Color

#305c65
```
#305c65 rgb(48,92,101)
```
#304165
```
#304165 rgb(48,65,101)
```
#3a3065
```
#3a3065 rgb(58,48,101)
```

Analogous Color

#5c6530
```
#5c6530 rgb(92,101,48)
```
#304165
```
#304165 rgb(48,65,101)
```
#653a30
```
#653a30 rgb(101,58,48)
```

Split Complementary Color

#416530
```
#416530 rgb(65,101,48)
```
#304165
```
#304165 rgb(48,65,101)
```
#653041
```
#653041 rgb(101,48,65)
```

Triadic Color

#172031
```
#172031 rgb(23,32,49)
```
#202b42
```
#202b42 rgb(32,43,66)
```
#283654
```
#283654 rgb(40,54,84)
```
#304165
```
#304165 rgb(48,65,101)
```
#384c76
```
#384c76 rgb(56,76,118)
```
#405788
```
#405788 rgb(64,87,136)
```
#496299
```
#496299 rgb(73,98,153)
```

Monochromatic Color

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

#304e65
```
#304e65 rgb(48,78,101)
```
#304a65
```
#304a65 rgb(48,74,101)
```
#304565
```
#304565 rgb(48,69,101)
```
#304165
```
#304165 rgb(48,65,101)
```
#303d65
```
#303d65 rgb(48,61,101)
```
#303865
```
#303865 rgb(48,56,101)
```
#303465
```
#303465 rgb(48,52,101)
```

Similar Colors

Text with hexadecimal color #304165

This text has a font color of #304165.

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

#304165 background color

This paragraph has a background color of #304165.

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

#304165 border color

This element has a border color of #304165.

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

CSS codes

.text {color:#304165;}

.background {background-color:#304165;}

.border {border:1px solid #304165;}

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

#040508
```
#040508 rgb(4,5,8)
```
#0a0e15
```
#0a0e15 rgb(10,14,21)
```
#101623
```
#101623 rgb(16,22,35)
```
#171f30
```
#171f30 rgb(23,31,48)
```
#1d273d
```
#1d273d rgb(29,39,61)
```
#23304a
```
#23304a rgb(35,48,74)
```
#2a3858
```
#2a3858 rgb(42,56,88)
```
#304165
```
#304165 rgb(48,65,101)
```
#364a72
```
#364a72 rgb(54,74,114)
```
#3d5280
```
#3d5280 rgb(61,82,128)
```
#435b8d
```
#435b8d rgb(67,91,141)
```
#49639a
```
#49639a rgb(73,99,154)
```
#506ca7
```
#506ca7 rgb(80,108,167)
```

Shade Color Variation

#5a76b1
```
#5a76b1 rgb(90,118,177)
```
#6781b7
```
#6781b7 rgb(103,129,183)
```
#758cbd
```
#758cbd rgb(117,140,189)
```
#8297c4
```
#8297c4 rgb(130,151,196)
```
#8fa2ca
```
#8fa2ca rgb(143,162,202)
```
#9dadd0
```
#9dadd0 rgb(157,173,208)
```
#aab8d7
```
#aab8d7 rgb(170,184,215)
```
#b7c3dd
```
#b7c3dd rgb(183,195,221)
```
#c4cee3
```
#c4cee3 rgb(196,206,227)
```
#d2d9e9
```
#d2d9e9 rgb(210,217,233)
```
#dfe4f0
```
#dfe4f0 rgb(223,228,240)
```
#eceff6
```
#eceff6 rgb(236,239,246)
```
#fafbfc
```
#fafbfc rgb(250,251,252)
```

Tint Color Variation

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

#47494e
```
#47494e rgb(71,73,78)
```
#414754
```
#414754 rgb(65,71,84)
```
#3b455a
```
#3b455a rgb(59,69,90)
```
#36435f
```
#36435f rgb(54,67,95)
```
#304165
```
#304165 rgb(48,65,101)
```
#2a3f6b
```
#2a3f6b rgb(42,63,107)
```
#253d70
```
#253d70 rgb(37,61,112)
```
#1f3b76
```
#1f3b76 rgb(31,59,118)
```
#19397c
```
#19397c rgb(25,57,124)
```
#133782
```
#133782 rgb(19,55,130)
```
#0e3587
```
#0e3587 rgb(14,53,135)
```
#08338d
```
#08338d rgb(8,51,141)
```
#023193
```
#023193 rgb(2,49,147)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#3d4047 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e4a6c Protanopia 1% of men
#3a4b6c Deuteranopia 1% of men
#314f55 Tritanopia 0.001% of the population

Trichromacy

#394669 Protanomaly 1% of men, 0.01% of women
#36476a Deuteranomaly 6% of men, 0.4% of women
#304a5b Tritanomaly 0.01% of the population