#22428C
#4A64A1
#d090a0
#e3c4d2
Azure Bloom
#22428C
#4A64A1
#d090a0
#e3c4d2
Web code
Get CSS, SCSS, & Tailwind code for development
App tokens
Get Android, Flutter, Swift, & MAUI tokens
Quick view
Inspect colors in multiple color spaces
Colors overview
Blue
Pink
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #22428c | rgb(34, 66, 140) | hsl(220 61% 34%) | hwb(220 13% 45%) | lch(29 46.6 282) | lab(29 9.88 -45.5) | cmyk 76%, 53%, 0%, 45% | |
| #4a64a1 | rgb(74, 100, 161) | hsl(220 37% 46%) | hwb(220 29% 37%) | lch(42.5 36.8 277) | lab(42.5 4.22 -36.6) | cmyk 54%, 38%, 0%, 37% | |
| #d090a0 | rgb(208, 144, 160) | hsl(350 41% 69%) | hwb(350 56% 18%) | lch(66.6 26.7 3.97) | lab(66.6 26.6 1.85) | cmyk 0%, 31%, 23%, 18% | |
| #e3c4d2 | rgb(227, 196, 210) | hsl(330 36% 83%) | hwb(330 77% 11%) | lch(82.1 13.3 348) | lab(82.1 13 -2.75) | cmyk 0%, 14%, 7%, 11% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#22428C
AAA - 9.43
#4A64A1
AA - 5.78
#d090a0
AA - 2.56
#e3c4d2
AA - 1.6
Color blindness
The simulation of color blindness may not be 100% accurate sometimes.
Colors preview as gradient with protanopia
Colors preview as palette with protanopia
UI components preview
Preview the gradient in different UI components.
PWA prompt