SWIFT
Actions
Explore the gradient in different formats, and actions.
Colors overview
îœBlue
îœBlue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
îœ | #12a0ff | rgb(18, 160, 255) | hsl(200 100% 54%) | hwb(200 7.1% 0%) | lch(62.8 58.3 262) | lab(62.8 -8.3 -57.7) | cmyk 93%, 37%, 0%, 0% | |
îœ | #faebb1 | rgb(250, 235, 177) | hsl(48 88% 84%) | hwb(48 69% 2%) | lch(93.2 30.2 92) | lab(93.2 -1.05 30.2) | cmyk 0%, 6%, 29%, 2% |
î Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#12a0ff
AA - 2.8
î
#faebb1
AA - 1.19
î
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.
îż
32°
CPU
îż
48°
GPU
î
100%
Usage
ï
¶
11°
Rain

70%
Storage
PWA prompt