Coloried

Dusk Blue

Dusk Blue color is a subtle shade of pale blue. Its hex code is #57727F and rgb code is rgb(87, 114, 127), Its CMYK value is cmyk(31%, 10%, 0%, 50%), and Its HSL value is hsl(200, 19%, 42%). Against white, its contrast ratio of 5.10:1, while against black, the contrast ratio is 4.12:1. Complementary color is #7F6457 and closest tailwind color is slate-500. This color goes well with #AAAFC5, #AAC5C1, #D8E0E4, #B18C92, and #B1AA8C. To get this Dusk Blue color, you can mix #000000 and #AEE4FE.

Dusk Blue color code
|
1. Color Conversions
HEX#57727F
RGB87, 114, 127
HSL200°, 19%, 42%
HSV200°, 19%, 50%
CMYK31%, 10%, 0%, 50%
Web Safe#666666
2. Contrast Ratio
Text on #FFFFFF5.10:1
AAA LargeAAA Normal
Text on #0000004.12:1
AAA LargeFail Normal
3. Dusk Blue Color Code in CSS
HEX
#57727F
RGB
rgb(87, 114, 127)
HSL
hsl(200, 19%, 42%)
Text Color
color: #57727F;
Background
background-color: #57727F;
Border Color
border-color: #57727F;
Box Shadow
box-shadow: 0 4px 14px 0 #57727F80;
SCSS
$color-dusk-blue: #57727F;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#63637C
Deuteranopia#615F7B
Tritanopia#587979
Achromatopsia#6B6B6B
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive