hsl(234, 67.88%, 62.16%)
rgb(93, 106, 224)
#5d6ae0
hsl(180, 16.28%, 42.16%)
rgb(90, 125, 125)
#5a7d7d
hsl(135, 39.36%, 36.86%)
rgb(57, 131, 75)
#39834b
hsl(136, 77.78%, 30.0%)
rgb(17, 136, 49)
#118831
hsl(1, 72.95%, 52.16%)
rgb(222, 47, 44)
#de2f2c
hsl(102, 38.3%, 36.86%)
rgb(79, 130, 58)
#4f823a
hsl(150, 24.51%, 40.0%)
rgb(77, 127, 102)
#4d7f66
hsl(128, 86.39%, 28.82%)
rgb(10, 137, 27)
#0a891b
hsl(319, 87.12%, 45.69%)
rgb(218, 15, 155)
#da0f9b
hsl(165, 34.02%, 38.04%)
rgb(64, 130, 113)
#408271
hsl(221, 46.61%, 53.73%)
rgb(82, 117, 192)
#5275c0
hsl(302, 47.41%, 49.22%)
rgb(185, 66, 181)
#b942b5
hsl(275, 94.23%, 59.22%)
rgb(167, 53, 249)
#a735f9
hsl(5, 57.85%, 52.55%)
rgb(204, 75, 64)
#cc4b40
hsl(163, 44.26%, 35.88%)
rgb(51, 132, 109)
#33846d
15 random colors. Search through all 292107 colors.
Supporting out of the box dark/light schemes
Each one of the colors will comply with the accessibility guidelines against the black and white that browsers choose for background and text.
Accessibility by Design
Having accessibility as a design principle led to the creation of this page: I want accessible colors that work good with browsers' default dark/light color schemes.
