Coloried

Azul

Azul color is a bright shade of blue. Its hex code is #1D5DEC and rgb code is rgb(29, 93, 236), Its CMYK value is cmyk(88%, 61%, 0%, 7%), and Its HSL value is hsl(221, 84%, 52%). The contrast ratio against white is 5.48:1, and against black, contrast ratio is 3.83:1. Its complementary color is #EBAA1E and closest tailwind color is blue-600. This color goes well with #1A0967, #095667, #030C21, #96260D, and #7D960D. To recreate the Azul color, you can mix #0000FF and #3ABAD9.

Azul color code
|
1. Color Conversions
HEX#1D5DEC
RGB29, 93, 236
HSL221°, 84%, 52%
HSV221°, 84%, 93%
CMYK88%, 61%, 0%, 7%
Web Safe#3366FF
2. Contrast Ratio
Text on #FFFFFF5.48:1
AAA LargeAAA Normal
Text on #0000003.83:1
AAA LargeFail Normal
3. Azul Color Code in CSS
HEX
#1D5DEC
RGB
rgb(29, 93, 236)
HSL
hsl(221, 84%, 52%)
Text Color
color: #1D5DEC;
Background
background-color: #1D5DEC;
Border Color
border-color: #1D5DEC;
Box Shadow
box-shadow: 0 4px 14px 0 #1D5DEC80;
SCSS
$color-azul: #1D5DEC;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#3939C9
Deuteranopia#3530C1
Tritanopia#20AEA8
Achromatopsia#5A5A5A
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive