Maroon (X11) Color Codes

HTML, CSS or hex color code for color "Maroon (X11)" is #b03060

Hex code #b03060
RGB: rgb(176,48,96)
HSV: ( 337.5° , 0.73% , 176% )

Complementary Colors

#D76B93
#CC4376
#30B08A
#43CCA3
Complementary colors, when placed next to each other, create the best contrast. This is because complementary colors are picked from the opposite sides of the color wheel. If you combine the complementary colors, you will get one of the colors in the grey scale (white to black) because the colors cancel out each other. Sometimes, complementary colors are also called "opposite colors"

Analogous Colors

#B030AE
#BD3D94
#BD3D48
#B04C30
Analogous Colors are groups of colors that are next to each other in the color wheel.

Triad Colors

#61B030
#D4638D
#3061B0
#638ED4
Triad Colors are the colors placed evenly around the color wheel. If you use this combination, you get a vibrant look to the end result.

Tetrad Colors

#30B07F
#61B030
#D4638D
#3061B0
A tetrad is a color scheme with the equal distance between all colors. The tetrad scheme gives a vibrant and colorful overall look.

Sample CSS Code: Text Color

.your-text
{
    color:#b03060;
}

Sample CSS Code: Background Color

.sample-bg
{
    background-color:#b03060;
}

Similar Colors by Name

Hex:
#c32148
Hex:
#a9a9a9
Hex:
#006400
Hex:
#820000
Hex:
#f0e68c
Hex:
#c32148
Hex:
#800000
Hex:
#ad4379
Hex:
#a020f0
Hex:
#b03060
Hex:
#7b1113
Hex:
#800000

Similar Colors by Distance

Hex:
#b03060
Distance:
0
Hex:
#ab274f
Distance:
3.11
Hex:
#c74375
Distance:
3.29
Hex:
#b3446c
Distance:
3.41
Hex:
#b3446c
Distance:
3.41
Hex:
#ce4676
Distance:
3.42
Hex:
#aa4069
Distance:
3.53
Hex:
#d65282
Distance:
3.95
Hex:
#9f2b68
Distance:
4.03
Hex:
#ac1e44
Distance:
4.29
Hex:
#a50b5e
Distance:
4.3
Hex:
#de5d83
Distance:
4.32
Hex:
#cf3476
Distance:
4.39
Hex:
#c21e56
Distance:
4.4
Hex:
#de5285
Distance:
4.4
Hex:
#a63a79
Distance:
4.42
Hex:
#d0417e
Distance:
4.44
Hex:
#ad4379
Distance:
4.46
Hex:
#a9203e
Distance:
4.5
Hex:
#cc397b
Distance:
4.5
Hex:
#9c2542
Distance:
4.56
Hex:
#a8516e
Distance:
4.75
Hex:
#c54b8c
Distance:
4.75
Hex:
#c53151
Distance:
4.82
Hex:
#8e3a59
Distance:
4.84
Hex:
#cd607e
Distance:
4.87
Hex:
#c84186
Distance:
4.88
Hex:
#980036
Distance:
4.89
Hex:
#c30b4e
Distance:
4.97
Hex:
#e75480
Distance:
5
Hex:
#be4f62
Distance:
5.01
Hex:
#9f4576
Distance:
5.01
Hex:
#cb4154
Distance:
5.05
Hex:
#d71868
Distance:
5.15
Hex:
#9f1d35
Distance:
5.15
Hex:
#bb3385
Distance:
5.19
Hex:
#f56991
Distance:
5.2
Hex:
#c32148
Distance:
5.21
Hex:
#c32148
Distance:
5.21
Hex:
#872657
Distance:
5.22
Hex:
#ca1f7b
Distance:
5.33
Hex:
#f56fa1
Distance:
5.34
Hex:
#b53389
Distance:
5.37
Hex:
#cc4e5c
Distance:
5.39
Hex:
#811453
Distance:
5.43
Hex:
#c72c48
Distance:
5.44
Hex:
#fd6c9e
Distance:
5.47

Related: