#3061aa hex color

In a RGB color space, hex #3061aa is composed of 18.8% red, 38% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 71.8% cyan, 42.9% magenta, 0% yellow and 33.3% black. It has a hue angle of 215.9 degrees, a saturation of 56% and a lightness of 42.7%. #3061aa color hex could be obtained by blending #60c2ff with #000055. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 38
- B 67
RGB color chart
- C 72
- M 43
- Y 0
- K 33
CMYK color chart

● #3061aa color description : Dark blue.

The hexadecimal color #3061aa has RGB values of R:48, G:97, B:170 and CMYK values of C:0.72, M:0.43, Y:0, K:0.33. Its decimal value is 3170730.

Hex triplet	3061aa	`#3061aa`
RGB Decimal	48, 97, 170	`rgb(48,97,170)`
RGB Percent	18.8, 38, 66.7	`rgb(18.8%,38%,66.7%)`
CMYK	72, 43, 0, 33
HSL	215.9°, 56, 42.7	`hsl(215.9,56%,42.7%)`
HSV (or HSB)	215.9°, 71.8, 66.7
Web Safe	336699	`#336699`

CIE-LAB	41.342, 8.776, -44.001
XYZ	12.748, 12.079, 39.688
xyY	0.198, 0.187, 12.079
CIE-LCH	41.342, 44.868, 281.279
CIE-LUV	41.342, -18.772, -65.036
Hunter-Lab	34.755, 4.65, -43.376
Binary	00110000, 01100001, 10101010

#3061aa
```
#3061aa rgb(48,97,170)
```
#aa7930
```
#aa7930 rgb(170,121,48)
```

Complementary Color

#309eaa
```
#309eaa rgb(48,158,170)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#3c30aa
```
#3c30aa rgb(60,48,170)
```

Analogous Color

#9eaa30
```
#9eaa30 rgb(158,170,48)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#aa3c30
```
#aa3c30 rgb(170,60,48)
```

Split Complementary Color

#61aa30
```
#61aa30 rgb(97,170,48)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#aa3061
```
#aa3061 rgb(170,48,97)
```

Triadic Color

#30aa79
```
#30aa79 rgb(48,170,121)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#aa3061
```
#aa3061 rgb(170,48,97)
```
#aa7930
```
#aa7930 rgb(170,121,48)
```

Tetradic Color

#1f3f6e
```
#1f3f6e rgb(31,63,110)
```
#254a82
```
#254a82 rgb(37,74,130)
```
#2a5696
```
#2a5696 rgb(42,86,150)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#366cbe
```
#366cbe rgb(54,108,190)
```
#4379ca
```
#4379ca rgb(67,121,202)
```
#5787d0
```
#5787d0 rgb(87,135,208)
```

Monochromatic Color

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

#3080aa
```
#3080aa rgb(48,128,170)
```
#3075aa
```
#3075aa rgb(48,117,170)
```
#306baa
```
#306baa rgb(48,107,170)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#3057aa
```
#3057aa rgb(48,87,170)
```
#304daa
```
#304daa rgb(48,77,170)
```
#3043aa
```
#3043aa rgb(48,67,170)
```

Similar Colors

Text with hexadecimal color #3061aa

This text has a font color of #3061aa.

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

#3061aa background color

This paragraph has a background color of #3061aa.

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

#3061aa border color

This element has a border color of #3061aa.

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

CSS codes

.text {color:#3061aa;}

.background {background-color:#3061aa;}

.border {border:1px solid #3061aa;}

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

#000102
```
#000102 rgb(0,1,2)
```
#050a11
```
#050a11 rgb(5,10,17)
```
#091220
```
#091220 rgb(9,18,32)
```
#0d1b30
```
#0d1b30 rgb(13,27,48)
```
#12243f
```
#12243f rgb(18,36,63)
```
#162d4e
```
#162d4e rgb(22,45,78)
```
#1a355e
```
#1a355e rgb(26,53,94)
```
#1f3e6d
```
#1f3e6d rgb(31,62,109)
```
#23477c
```
#23477c rgb(35,71,124)
```
#27508b
```
#27508b rgb(39,80,139)
```
#2c589b
```
#2c589b rgb(44,88,155)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#346ab9
```
#346ab9 rgb(52,106,185)
```

Shade Color Variation

#3a73c7
```
#3a73c7 rgb(58,115,199)
```
#497ecc
```
#497ecc rgb(73,126,204)
```
#5888d0
```
#5888d0 rgb(88,136,208)
```
#6893d4
```
#6893d4 rgb(104,147,212)
```
#779ed9
```
#779ed9 rgb(119,158,217)
```
#86a9dd
```
#86a9dd rgb(134,169,221)
```
#96b4e1
```
#96b4e1 rgb(150,180,225)
```
#a5bfe6
```
#a5bfe6 rgb(165,191,230)
```
#b4caea
```
#b4caea rgb(180,202,234)
```
#c4d5ee
```
#c4d5ee rgb(196,213,238)
```
#d3e0f3
```
#d3e0f3 rgb(211,224,243)
```
#e2eaf7
```
#e2eaf7 rgb(226,234,247)
```
#f1f5fb
```
#f1f5fb rgb(241,245,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6d6f is the less saturated color, while #0659d4 is the most saturated one.

#6b6d6f
```
#6b6d6f rgb(107,109,111)
```
#626b78
```
#626b78 rgb(98,107,120)
```
#5a6980
```
#5a6980 rgb(90,105,128)
```
#526888
```
#526888 rgb(82,104,136)
```
#496691
```
#496691 rgb(73,102,145)
```
#416499
```
#416499 rgb(65,100,153)
```
#3863a2
```
#3863a2 rgb(56,99,162)
```
#3061aa
```
#3061aa rgb(48,97,170)
```
#285fb2
```
#285fb2 rgb(40,95,178)
```
#1f5ebb
```
#1f5ebb rgb(31,94,187)
```
#175cc3
```
#175cc3 rgb(23,92,195)
```
#0e5acc
```
#0e5acc rgb(14,90,204)
```
#0659d4
```
#0659d4 rgb(6,89,212)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#525c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4867ac Protanopia 1% of men
#2c6aad Deuteranopia 1% of men
#00737c Tritanopia 0.001% of the population

Trichromacy

#3f65ab Protanomaly 1% of men, 0.01% of women
#2d67ac Deuteranomaly 6% of men, 0.4% of women
#116d8c Tritanomaly 0.01% of the population

#3061aa hex color

#3061aa Color Information

#3061aa Color Conversion

Color Schemes with #3061aa

Alternatives to #3061aa

#3061aa Preview

Shades and Tints of #3061aa

Tones of #3061aa

Color Blindness Simulator