#06306f hex color

In a RGB color space, hex #06306f is composed of 2.4% red, 18.8% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 94.6% cyan, 56.8% magenta, 0% yellow and 56.5% black. It has a hue angle of 216 degrees, a saturation of 89.7% and a lightness of 22.9%. #06306f color hex could be obtained by blending #0c60de with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 2
- G 19
- B 44
RGB color chart
- C 95
- M 57
- Y 0
- K 56
CMYK color chart

● #06306f color description : Very dark blue.

The hexadecimal color #06306f has RGB values of R:6, G:48, B:111 and CMYK values of C:0.95, M:0.57, Y:0, K:0.56. Its decimal value is 405615.

Hex triplet	06306f	`#06306f`
RGB Decimal	6, 48, 111	`rgb(6,48,111)`
RGB Percent	2.4, 18.8, 43.5	`rgb(2.4%,18.8%,43.5%)`
CMYK	95, 57, 0, 56
HSL	216°, 89.7, 22.9	`hsl(216,89.7%,22.9%)`
HSV (or HSB)	216°, 94.6, 43.5
Web Safe	003366	`#003366`

CIE-LAB	21.207, 13.551, -40.198
XYZ	4.001, 3.3, 15.464
xyY	0.176, 0.145, 3.3
CIE-LCH	21.207, 42.42, 288.63
CIE-LUV	21.207, -10.378, -47.149
Hunter-Lab	18.166, 7.521, -37.756
Binary	00000110, 00110000, 01101111

#06306f
```
#06306f rgb(6,48,111)
```
#6f4506
```
#6f4506 rgb(111,69,6)
```

Complementary Color

#06656f
```
#06656f rgb(6,101,111)
```
#06306f
```
#06306f rgb(6,48,111)
```
#11066f
```
#11066f rgb(17,6,111)
```

Analogous Color

#656f06
```
#656f06 rgb(101,111,6)
```
#06306f
```
#06306f rgb(6,48,111)
```
#6f1106
```
#6f1106 rgb(111,17,6)
```

Split Complementary Color

#306f06
```
#306f06 rgb(48,111,6)
```
#06306f
```
#06306f rgb(6,48,111)
```
#6f0630
```
#6f0630 rgb(111,6,48)
```

Triadic Color

#066f45
```
#066f45 rgb(6,111,69)
```
#06306f
```
#06306f rgb(6,48,111)
```
#6f0630
```
#6f0630 rgb(111,6,48)
```
#6f4506
```
#6f4506 rgb(111,69,6)
```

Tetradic Color

#021126
```
#021126 rgb(2,17,38)
```
#031b3f
```
#031b3f rgb(3,27,63)
```
#052657
```
#052657 rgb(5,38,87)
```
#06306f
```
#06306f rgb(6,48,111)
```
#073a87
```
#073a87 rgb(7,58,135)
```
#09459f
```
#09459f rgb(9,69,159)
```
#0a4fb8
```
#0a4fb8 rgb(10,79,184)
```

Monochromatic Color

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

#064a6f
```
#064a6f rgb(6,74,111)
```
#06426f
```
#06426f rgb(6,66,111)
```
#06396f
```
#06396f rgb(6,57,111)
```
#06306f
```
#06306f rgb(6,48,111)
```
#06276f
```
#06276f rgb(6,39,111)
```
#061f6f
```
#061f6f rgb(6,31,111)
```
#06166f
```
#06166f rgb(6,22,111)
```

Similar Colors

Text with hexadecimal color #06306f

This text has a font color of #06306f.

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

#06306f background color

This paragraph has a background color of #06306f.

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

#06306f border color

This element has a border color of #06306f.

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

CSS codes

.text {color:#06306f;}

.background {background-color:#06306f;}

.border {border:1px solid #06306f;}

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

#010812
```
#010812 rgb(1,8,18)
```
#021025
```
#021025 rgb(2,16,37)
```
#031837
```
#031837 rgb(3,24,55)
```
#04204a
```
#04204a rgb(4,32,74)
```
#05285c
```
#05285c rgb(5,40,92)
```
#06306f
```
#06306f rgb(6,48,111)
```
#073882
```
#073882 rgb(7,56,130)
```
#084094
```
#084094 rgb(8,64,148)
```
#0948a7
```
#0948a7 rgb(9,72,167)
```
#0a50b9
```
#0a50b9 rgb(10,80,185)
```
#0b58cc
```
#0b58cc rgb(11,88,204)
```
#0c60df
```
#0c60df rgb(12,96,223)
```
#0d68f1
```
#0d68f1 rgb(13,104,241)
```

Shade Color Variation

#1f74f3
```
#1f74f3 rgb(31,116,243)
```
#327ff4
```
#327ff4 rgb(50,127,244)
```
#448bf5
```
#448bf5 rgb(68,139,245)
```
#5796f6
```
#5796f6 rgb(87,150,246)
```
#69a2f7
```
#69a2f7 rgb(105,162,247)
```
#7caef8
```
#7caef8 rgb(124,174,248)
```
#8fb9f9
```
#8fb9f9 rgb(143,185,249)
```
#a1c5fa
```
#a1c5fa rgb(161,197,250)
```
#b4d0fb
```
#b4d0fb rgb(180,208,251)
```
#c7dcfc
```
#c7dcfc rgb(199,220,252)
```
#d9e7fd
```
#d9e7fd rgb(217,231,253)
```
#ecf3fe
```
#ecf3fe rgb(236,243,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #383a3e is the less saturated color, while #012f74 is the most saturated one.

#383a3e
```
#383a3e rgb(56,58,62)
```
#333942
```
#333942 rgb(51,57,66)
```
#2f3847
```
#2f3847 rgb(47,56,71)
```
#2a374b
```
#2a374b rgb(42,55,75)
```
#263650
```
#263650 rgb(38,54,80)
```
#213554
```
#213554 rgb(33,53,84)
```
#1d3559
```
#1d3559 rgb(29,53,89)
```
#18345d
```
#18345d rgb(24,52,93)
```
#143362
```
#143362 rgb(20,51,98)
```
#0f3266
```
#0f3266 rgb(15,50,102)
```
#0b316b
```
#0b316b rgb(11,49,107)
```
#06306f
```
#06306f rgb(6,48,111)
```
#012f74
```
#012f74 rgb(1,47,116)
```

Tone Color Variation

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

#2b2b2b Achromatopsia 0.005% of the population
#242c39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#003b75 Protanopia 1% of men
#003e66 Deuteranopia 1% of men
#004347 Tritanopia 0.001% of the population

Trichromacy

#023772 Protanomaly 1% of men, 0.01% of women
#023969 Deuteranomaly 6% of men, 0.4% of women
#023c55 Tritanomaly 0.01% of the population

#06306f hex color

#06306f Color Information

#06306f Color Conversion

Color Schemes with #06306f

Alternatives to #06306f

#06306f Preview

Shades and Tints of #06306f

Tones of #06306f

Color Blindness Simulator