#306485 hex color

In a RGB color space, hex #306485 is composed of 18.8% red, 39.2% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 63.9% cyan, 24.8% magenta, 0% yellow and 47.8% black. It has a hue angle of 203.3 degrees, a saturation of 47% and a lightness of 35.5%. #306485 color hex could be obtained by blending #60c8ff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 39
- B 52
RGB color chart
- C 64
- M 25
- Y 0
- K 48
CMYK color chart

● #306485 color description : Dark moderate blue.

The hexadecimal color #306485 has RGB values of R:48, G:100, B:133 and CMYK values of C:0.64, M:0.25, Y:0, K:0.48. Its decimal value is 3171461.

Hex triplet	306485	`#306485`
RGB Decimal	48, 100, 133	`rgb(48,100,133)`
RGB Percent	18.8, 39.2, 52.2	`rgb(18.8%,39.2%,52.2%)`
CMYK	64, 25, 0, 48
HSL	203.3°, 47, 35.5	`hsl(203.3,47%,35.5%)`
HSV (or HSB)	203.3°, 63.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	40.304, -6.581, -23.516
XYZ	10.009, 11.435, 23.869
xyY	0.221, 0.252, 11.435
CIE-LCH	40.304, 24.419, 254.367
CIE-LUV	40.304, -20.797, -32.369
Hunter-Lab	33.816, -6.348, -18.178
Binary	00110000, 01100100, 10000101

#306485
```
#306485 rgb(48,100,133)
```
#855130
```
#855130 rgb(133,81,48)
```

Complementary Color

#30857c
```
#30857c rgb(48,133,124)
```
#306485
```
#306485 rgb(48,100,133)
```
#303a85
```
#303a85 rgb(48,58,133)
```

Analogous Color

#857c30
```
#857c30 rgb(133,124,48)
```
#306485
```
#306485 rgb(48,100,133)
```
#85303a
```
#85303a rgb(133,48,58)
```

Split Complementary Color

#648530
```
#648530 rgb(100,133,48)
```
#306485
```
#306485 rgb(48,100,133)
```
#853064
```
#853064 rgb(133,48,100)
```

Triadic Color

#308551
```
#308551 rgb(48,133,81)
```
#306485
```
#306485 rgb(48,100,133)
```
#853064
```
#853064 rgb(133,48,100)
```
#855130
```
#855130 rgb(133,81,48)
```

Tetradic Color

#1c3a4d
```
#1c3a4d rgb(28,58,77)
```
#224860
```
#224860 rgb(34,72,96)
```
#295672
```
#295672 rgb(41,86,114)
```
#306485
```
#306485 rgb(48,100,133)
```
#377298
```
#377298 rgb(55,114,152)
```
#3e80aa
```
#3e80aa rgb(62,128,170)
```
#458ebc
```
#458ebc rgb(69,142,188)
```

Monochromatic Color

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

#307985
```
#307985 rgb(48,121,133)
```
#307285
```
#307285 rgb(48,114,133)
```
#306b85
```
#306b85 rgb(48,107,133)
```
#306485
```
#306485 rgb(48,100,133)
```
#305d85
```
#305d85 rgb(48,93,133)
```
#305685
```
#305685 rgb(48,86,133)
```
#304f85
```
#304f85 rgb(48,79,133)
```

Similar Colors

Text with hexadecimal color #306485

This text has a font color of #306485.

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

#306485 background color

This paragraph has a background color of #306485.

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

#306485 border color

This element has a border color of #306485.

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

CSS codes

.text {color:#306485;}

.background {background-color:#306485;}

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

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

#010203
```
#010203 rgb(1,2,3)
```
#060d12
```
#060d12 rgb(6,13,18)
```
#0c1820
```
#0c1820 rgb(12,24,32)
```
#11232f
```
#11232f rgb(17,35,47)
```
#162e3d
```
#162e3d rgb(22,46,61)
```
#1b394b
```
#1b394b rgb(27,57,75)
```
#20435a
```
#20435a rgb(32,67,90)
```
#264e68
```
#264e68 rgb(38,78,104)
```
#2b5977
```
#2b5977 rgb(43,89,119)
```
#306485
```
#306485 rgb(48,100,133)
```
#356f93
```
#356f93 rgb(53,111,147)
```
#3a7aa2
```
#3a7aa2 rgb(58,122,162)
```
#4085b0
```
#4085b0 rgb(64,133,176)
```

Shade Color Variation

#478fbd
```
#478fbd rgb(71,143,189)
```
#5598c2
```
#5598c2 rgb(85,152,194)
```
#64a0c7
```
#64a0c7 rgb(100,160,199)
```
#72a9cc
```
#72a9cc rgb(114,169,204)
```
#81b2d1
```
#81b2d1 rgb(129,178,209)
```
#8fbbd7
```
#8fbbd7 rgb(143,187,215)
```
#9dc4dc
```
#9dc4dc rgb(157,196,220)
```
#accce1
```
#accce1 rgb(172,204,225)
```
#bad5e6
```
#bad5e6 rgb(186,213,230)
```
#c9deeb
```
#c9deeb rgb(201,222,235)
```
#d7e7f1
```
#d7e7f1 rgb(215,231,241)
```
#e5eff6
```
#e5eff6 rgb(229,239,246)
```
#f4f8fb
```
#f4f8fb rgb(244,248,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a5b5b is the less saturated color, while #066daf is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535c62
```
#535c62 rgb(83,92,98)
```
#4c5e69
```
#4c5e69 rgb(76,94,105)
```
#455f70
```
#455f70 rgb(69,95,112)
```
#3e6177
```
#3e6177 rgb(62,97,119)
```
#37627e
```
#37627e rgb(55,98,126)
```
#306485
```
#306485 rgb(48,100,133)
```
#29668c
```
#29668c rgb(41,102,140)
```
#226793
```
#226793 rgb(34,103,147)
```
#1b699a
```
#1b699a rgb(27,105,154)
```
#146aa1
```
#146aa1 rgb(20,106,161)
```
#0d6ca8
```
#0d6ca8 rgb(13,108,168)
```
#066daf
```
#066daf rgb(6,109,175)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#505a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5d6687 Protanopia 1% of men
#58668d Deuteranopia 1% of men
#2e6f78 Tritanopia 0.001% of the population

Trichromacy

#4c6586 Protanomaly 1% of men, 0.01% of women
#49658a Deuteranomaly 6% of men, 0.4% of women
#2f6b7c Tritanomaly 0.01% of the population

#306485 hex color

#306485 Color Information

#306485 Color Conversion

Color Schemes with #306485

Alternatives to #306485

#306485 Preview

Shades and Tints of #306485

Tones of #306485

Color Blindness Simulator