#305466 hex color

In a RGB color space, hex #305466 is composed of 18.8% red, 32.9% green and 40% blue. Whereas in a CMYK color space, it is composed of 52.9% cyan, 17.6% magenta, 0% yellow and 60% black. It has a hue angle of 200 degrees, a saturation of 36% and a lightness of 29.4%. #305466 color hex could be obtained by blending #60a8cc with #000000. Closest websafe color is: #336666.

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

● #305466 color description : Very dark desaturated blue.

The hexadecimal color #305466 has RGB values of R:48, G:84, B:102 and CMYK values of C:0.53, M:0.18, Y:0, K:0.6. Its decimal value is 3167334.

Hex triplet	305466	`#305466`
RGB Decimal	48, 84, 102	`rgb(48,84,102)`
RGB Percent	18.8, 32.9, 40	`rgb(18.8%,32.9%,40%)`
CMYK	53, 18, 0, 60
HSL	200°, 36, 29.4	`hsl(200,36%,29.4%)`
HSV (or HSB)	200°, 52.9, 40
Web Safe	336666	`#336666`

CIE-LAB	33.832, -7.36, -14.404
XYZ	6.787, 7.928, 13.742
xyY	0.238, 0.279, 7.928
CIE-LCH	33.832, 16.175, 242.935
CIE-LUV	33.832, -15.487, -17.993
Hunter-Lab	28.157, -6.248, -9.228
Binary	00110000, 01010100, 01100110

#305466
```
#305466 rgb(48,84,102)
```
#664230
```
#664230 rgb(102,66,48)
```

Complementary Color

#30665d
```
#30665d rgb(48,102,93)
```
#305466
```
#305466 rgb(48,84,102)
```
#303966
```
#303966 rgb(48,57,102)
```

Analogous Color

#665d30
```
#665d30 rgb(102,93,48)
```
#305466
```
#305466 rgb(48,84,102)
```
#663039
```
#663039 rgb(102,48,57)
```

Split Complementary Color

#546630
```
#546630 rgb(84,102,48)
```
#305466
```
#305466 rgb(48,84,102)
```
#663054
```
#663054 rgb(102,48,84)
```

Triadic Color

#306642
```
#306642 rgb(48,102,66)
```
#305466
```
#305466 rgb(48,84,102)
```
#663054
```
#663054 rgb(102,48,84)
```
#664230
```
#664230 rgb(102,66,48)
```

Tetradic Color

#182932
```
#182932 rgb(24,41,50)
```
#203743
```
#203743 rgb(32,55,67)
```
#284655
```
#284655 rgb(40,70,85)
```
#305466
```
#305466 rgb(48,84,102)
```
#386277
```
#386277 rgb(56,98,119)
```
#407189
```
#407189 rgb(64,113,137)
```
#487f9a
```
#487f9a rgb(72,127,154)
```

Monochromatic Color

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

#306266
```
#306266 rgb(48,98,102)
```
#305d66
```
#305d66 rgb(48,93,102)
```
#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)
```

Similar Colors

Text with hexadecimal color #305466

This text has a font color of #305466.

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

#305466 background color

This paragraph has a background color of #305466.

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

#305466 border color

This element has a border color of #305466.

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

CSS codes

.text {color:#305466;}

.background {background-color:#305466;}

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

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

#040709
```
#040709 rgb(4,7,9)
```
#0a1216
```
#0a1216 rgb(10,18,22)
```
#111d23
```
#111d23 rgb(17,29,35)
```
#172831
```
#172831 rgb(23,40,49)
```
#1d333e
```
#1d333e rgb(29,51,62)
```
#233e4b
```
#233e4b rgb(35,62,75)
```
#2a4959
```
#2a4959 rgb(42,73,89)
```
#305466
```
#305466 rgb(48,84,102)
```
#365f73
```
#365f73 rgb(54,95,115)
```
#3d6a81
```
#3d6a81 rgb(61,106,129)
```
#43758e
```
#43758e rgb(67,117,142)
```
#49809b
```
#49809b rgb(73,128,155)
```
#4f8ba9
```
#4f8ba9 rgb(79,139,169)
```

Shade Color Variation

#5a94b1
```
#5a94b1 rgb(90,148,177)
```
#689db8
```
#689db8 rgb(104,157,184)
```
#75a6be
```
#75a6be rgb(117,166,190)
```
#82aec4
```
#82aec4 rgb(130,174,196)
```
#90b7cb
```
#90b7cb rgb(144,183,203)
```
#9dc0d1
```
#9dc0d1 rgb(157,192,209)
```
#aac8d7
```
#aac8d7 rgb(170,200,215)
```
#b8d1dd
```
#b8d1dd rgb(184,209,221)
```
#c5d9e4
```
#c5d9e4 rgb(197,217,228)
```
#d2e2ea
```
#d2e2ea rgb(210,226,234)
```
#e0ebf0
```
#e0ebf0 rgb(224,235,240)
```
#edf3f7
```
#edf3f7 rgb(237,243,247)
```
#fafcfd
```
#fafcfd rgb(250,252,253)
```

Tint Color Variation

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

#474c4f
```
#474c4f rgb(71,76,79)
```
#414e55
```
#414e55 rgb(65,78,85)
```
#3c505a
```
#3c505a rgb(60,80,90)
```
#365260
```
#365260 rgb(54,82,96)
```
#305466
```
#305466 rgb(48,84,102)
```
#2a566c
```
#2a566c rgb(42,86,108)
```
#245872
```
#245872 rgb(36,88,114)
```
#1f5a77
```
#1f5a77 rgb(31,90,119)
```
#195c7d
```
#195c7d rgb(25,92,125)
```
#135e83
```
#135e83 rgb(19,94,131)
```
#0d6089
```
#0d6089 rgb(13,96,137)
```
#08618e
```
#08618e rgb(8,97,142)
```
#026394
```
#026394 rgb(2,99,148)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#464d50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#54576a Protanopia 1% of men
#535770 Deuteranopia 1% of men
#375e65 Tritanopia 0.001% of the population

Trichromacy

#465669 Protanomaly 1% of men, 0.01% of women
#46566c Deuteranomaly 6% of men, 0.4% of women
#345a65 Tritanomaly 0.01% of the population

#305466 hex color

#305466 Color Information

#305466 Color Conversion

Color Schemes with #305466

Alternatives to #305466

#305466 Preview

Shades and Tints of #305466

Tones of #305466

Color Blindness Simulator