#3055ae hex color

In a RGB color space, hex #3055ae is composed of 18.8% red, 33.3% green and 68.2% blue. Whereas in a CMYK color space, it is composed of 72.4% cyan, 51.1% magenta, 0% yellow and 31.8% black. It has a hue angle of 222.4 degrees, a saturation of 56.8% and a lightness of 43.5%. #3055ae color hex could be obtained by blending #60aaff with #00005d. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 19
- G 33
- B 68
RGB color chart
- C 72
- M 51
- Y 0
- K 32
CMYK color chart

● #3055ae color description : Dark blue.

The hexadecimal color #3055ae has RGB values of R:48, G:85, B:174 and CMYK values of C:0.72, M:0.51, Y:0, K:0.32. Its decimal value is 3167662.

Hex triplet	3055ae	`#3055ae`
RGB Decimal	48, 85, 174	`rgb(48,85,174)`
RGB Percent	18.8, 33.3, 68.2	`rgb(18.8%,33.3%,68.2%)`
CMYK	72, 51, 0, 32
HSL	222.4°, 56.8, 43.5	`hsl(222.4,56.8%,43.5%)`
HSV (or HSB)	222.4°, 72.4, 68.2
Web Safe	336699	`#336699`

CIE-LAB	38.165, 18.1, -51.469
XYZ	12.106, 10.181, 41.369
xyY	0.19, 0.16, 10.181
CIE-LCH	38.165, 54.558, 289.375
CIE-LUV	38.165, -15.003, -75.021
Hunter-Lab	31.907, 11.887, -54.538
Binary	00110000, 01010101, 10101110

#3055ae
```
#3055ae rgb(48,85,174)
```
#ae8930
```
#ae8930 rgb(174,137,48)
```

Complementary Color

#3094ae
```
#3094ae rgb(48,148,174)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#4a30ae
```
#4a30ae rgb(74,48,174)
```

Analogous Color

#94ae30
```
#94ae30 rgb(148,174,48)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#ae4a30
```
#ae4a30 rgb(174,74,48)
```

Split Complementary Color

#55ae30
```
#55ae30 rgb(85,174,48)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#ae3055
```
#ae3055 rgb(174,48,85)
```

Triadic Color

#30ae89
```
#30ae89 rgb(48,174,137)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#ae3055
```
#ae3055 rgb(174,48,85)
```
#ae8930
```
#ae8930 rgb(174,137,48)
```

Tetradic Color

#1f3872
```
#1f3872 rgb(31,56,114)
```
#254186
```
#254186 rgb(37,65,134)
```
#2a4b9a
```
#2a4b9a rgb(42,75,154)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#365fc2
```
#365fc2 rgb(54,95,194)
```
#456dcc
```
#456dcc rgb(69,109,204)
```
#597cd1
```
#597cd1 rgb(89,124,209)
```

Monochromatic Color

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

#3075ae
```
#3075ae rgb(48,117,174)
```
#306aae
```
#306aae rgb(48,106,174)
```
#305fae
```
#305fae rgb(48,95,174)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#304aae
```
#304aae rgb(48,74,174)
```
#3040ae
```
#3040ae rgb(48,64,174)
```
#3036ae
```
#3036ae rgb(48,54,174)
```

Similar Colors

Text with hexadecimal color #3055ae

This text has a font color of #3055ae.

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

#3055ae background color

This paragraph has a background color of #3055ae.

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

#3055ae border color

This element has a border color of #3055ae.

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

CSS codes

.text {color:#3055ae;}

.background {background-color:#3055ae;}

.border {border:1px solid #3055ae;}

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

#010205
```
#010205 rgb(1,2,5)
```
#060a14
```
#060a14 rgb(6,10,20)
```
#0a1124
```
#0a1124 rgb(10,17,36)
```
#0e1933
```
#0e1933 rgb(14,25,51)
```
#122042
```
#122042 rgb(18,32,66)
```
#172852
```
#172852 rgb(23,40,82)
```
#1b2f61
```
#1b2f61 rgb(27,47,97)
```
#1f3771
```
#1f3771 rgb(31,55,113)
```
#233e80
```
#233e80 rgb(35,62,128)
```
#28468f
```
#28468f rgb(40,70,143)
```
#2c4d9f
```
#2c4d9f rgb(44,77,159)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#345dbd
```
#345dbd rgb(52,93,189)
```

Shade Color Variation

#3c65c9
```
#3c65c9 rgb(60,101,201)
```
#4b72cd
```
#4b72cd rgb(75,114,205)
```
#5b7ed2
```
#5b7ed2 rgb(91,126,210)
```
#6a8ad6
```
#6a8ad6 rgb(106,138,214)
```
#7a96da
```
#7a96da rgb(122,150,218)
```
#89a2de
```
#89a2de rgb(137,162,222)
```
#98aee3
```
#98aee3 rgb(152,174,227)
```
#a8bae7
```
#a8bae7 rgb(168,186,231)
```
#b7c6eb
```
#b7c6eb rgb(183,198,235)
```
#c6d2ef
```
#c6d2ef rgb(198,210,239)
```
#d6dff4
```
#d6dff4 rgb(214,223,244)
```
#e5ebf8
```
#e5ebf8 rgb(229,235,248)
```
#f5f7fc
```
#f5f7fc rgb(245,247,252)
```

Tint Color Variation

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

#6c6e72
```
#6c6e72 rgb(108,110,114)
```
#636a7b
```
#636a7b rgb(99,106,123)
```
#5b6783
```
#5b6783 rgb(91,103,131)
```
#52638c
```
#52638c rgb(82,99,140)
```
#4a6094
```
#4a6094 rgb(74,96,148)
```
#415c9d
```
#415c9d rgb(65,92,157)
```
#3959a5
```
#3959a5 rgb(57,89,165)
```
#3055ae
```
#3055ae rgb(48,85,174)
```
#2751b7
```
#2751b7 rgb(39,81,183)
```
#1f4ebf
```
#1f4ebf rgb(31,78,191)
```
#164ac8
```
#164ac8 rgb(22,74,200)
```
#0e47d0
```
#0e47d0 rgb(14,71,208)
```
#0543d9
```
#0543d9 rgb(5,67,217)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4d5466 Atypical Achromatopsia 0.001% of the population

Dichromacy

#295fb3 Protanopia 1% of men
#0064a5 Deuteranopia 1% of men
#006c73 Tritanopia 0.001% of the population

Trichromacy

#2b5bb1 Protanomaly 1% of men, 0.01% of women
#115ea8 Deuteranomaly 6% of men, 0.4% of women
#116388 Tritanomaly 0.01% of the population

#3055ae hex color

#3055ae Color Information

#3055ae Color Conversion

Color Schemes with #3055ae

Alternatives to #3055ae

#3055ae Preview

Shades and Tints of #3055ae

Tones of #3055ae

Color Blindness Simulator