#306a85 hex color

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

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

● #306a85 color description : Dark moderate blue.

The hexadecimal color #306a85 has RGB values of R:48, G:106, B:133 and CMYK values of C:0.64, M:0.2, Y:0, K:0.48. Its decimal value is 3172997.

Hex triplet	306a85	`#306a85`
RGB Decimal	48, 106, 133	`rgb(48,106,133)`
RGB Percent	18.8, 41.6, 52.2	`rgb(18.8%,41.6%,52.2%)`
CMYK	64, 20, 0, 48
HSL	199.1°, 47, 35.5	`hsl(199.1,47%,35.5%)`
HSV (or HSB)	199.1°, 63.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	42.199, -10.144, -20.583
XYZ	10.606, 12.629, 24.068
xyY	0.224, 0.267, 12.629
CIE-LCH	42.199, 22.947, 243.765
CIE-LUV	42.199, -23.05, -27.889
Hunter-Lab	35.537, -8.92, -15.278
Binary	00110000, 01101010, 10000101

#306a85
```
#306a85 rgb(48,106,133)
```
#854b30
```
#854b30 rgb(133,75,48)
```

Complementary Color

#308576
```
#308576 rgb(48,133,118)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#304085
```
#304085 rgb(48,64,133)
```

Analogous Color

#857630
```
#857630 rgb(133,118,48)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#853040
```
#853040 rgb(133,48,64)
```

Split Complementary Color

#6a8530
```
#6a8530 rgb(106,133,48)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#85306a
```
#85306a rgb(133,48,106)
```

Triadic Color

#30854b
```
#30854b rgb(48,133,75)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#85306a
```
#85306a rgb(133,48,106)
```
#854b30
```
#854b30 rgb(133,75,48)
```

Tetradic Color

#1c3d4d
```
#1c3d4d rgb(28,61,77)
```
#224c60
```
#224c60 rgb(34,76,96)
```
#295b72
```
#295b72 rgb(41,91,114)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#377998
```
#377998 rgb(55,121,152)
```
#3e88aa
```
#3e88aa rgb(62,136,170)
```
#4596bc
```
#4596bc rgb(69,150,188)
```

Monochromatic Color

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

#307f85
```
#307f85 rgb(48,127,133)
```
#307885
```
#307885 rgb(48,120,133)
```
#307185
```
#307185 rgb(48,113,133)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#306385
```
#306385 rgb(48,99,133)
```
#305c85
```
#305c85 rgb(48,92,133)
```
#305585
```
#305585 rgb(48,85,133)
```

Similar Colors

Text with hexadecimal color #306a85

This text has a font color of #306a85.

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

#306a85 background color

This paragraph has a background color of #306a85.

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

#306a85 border color

This element has a border color of #306a85.

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

CSS codes

.text {color:#306a85;}

.background {background-color:#306a85;}

.border {border:1px solid #306a85;}

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

#010303
```
#010303 rgb(1,3,3)
```
#060e12
```
#060e12 rgb(6,14,18)
```
#0c1a20
```
#0c1a20 rgb(12,26,32)
```
#11252f
```
#11252f rgb(17,37,47)
```
#16313d
```
#16313d rgb(22,49,61)
```
#1b3c4b
```
#1b3c4b rgb(27,60,75)
```
#20485a
```
#20485a rgb(32,72,90)
```
#265368
```
#265368 rgb(38,83,104)
```
#2b5f77
```
#2b5f77 rgb(43,95,119)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#357593
```
#357593 rgb(53,117,147)
```
#3a81a2
```
#3a81a2 rgb(58,129,162)
```
#408cb0
```
#408cb0 rgb(64,140,176)
```

Shade Color Variation

#4797bd
```
#4797bd rgb(71,151,189)
```
#559fc2
```
#559fc2 rgb(85,159,194)
```
#64a7c7
```
#64a7c7 rgb(100,167,199)
```
#72b0cc
```
#72b0cc rgb(114,176,204)
```
#81b8d1
```
#81b8d1 rgb(129,184,209)
```
#8fc0d7
```
#8fc0d7 rgb(143,192,215)
```
#9dc8dc
```
#9dc8dc rgb(157,200,220)
```
#acd0e1
```
#acd0e1 rgb(172,208,225)
```
#bad8e6
```
#bad8e6 rgb(186,216,230)
```
#c9e0eb
```
#c9e0eb rgb(201,224,235)
```
#d7e8f1
```
#d7e8f1 rgb(215,232,241)
```
#e5f1f6
```
#e5f1f6 rgb(229,241,246)
```
#f4f9fb
```
#f4f9fb rgb(244,249,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 #0679af is the most saturated one.

#5a5b5b
```
#5a5b5b rgb(90,91,91)
```
#535d62
```
#535d62 rgb(83,93,98)
```
#4c6069
```
#4c6069 rgb(76,96,105)
```
#456270
```
#456270 rgb(69,98,112)
```
#3e6577
```
#3e6577 rgb(62,101,119)
```
#37677e
```
#37677e rgb(55,103,126)
```
#306a85
```
#306a85 rgb(48,106,133)
```
#296d8c
```
#296d8c rgb(41,109,140)
```
#226f93
```
#226f93 rgb(34,111,147)
```
#1b729a
```
#1b729a rgb(27,114,154)
```
#1474a1
```
#1474a1 rgb(20,116,161)
```
#0d77a8
```
#0d77a8 rgb(13,119,168)
```
#0679af
```
#0679af rgb(6,121,175)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#535f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646a86 Protanopia 1% of men
#606a8e Deuteranopia 1% of men
#32747c Tritanopia 0.001% of the population

Trichromacy

#516a86 Protanomaly 1% of men, 0.01% of women
#4f6a8a Deuteranomaly 6% of men, 0.4% of women
#31707f Tritanomaly 0.01% of the population

#306a85 hex color

#306a85 Color Information

#306a85 Color Conversion

Color Schemes with #306a85

Alternatives to #306a85

#306a85 Preview

Shades and Tints of #306a85

Tones of #306a85

Color Blindness Simulator