#7193ca
#a8bcde
#cdd9ec
#dfcbaa
#c9a870
Artic Wood
#7193ca
#a8bcde
#cdd9ec
#dfcbaa
#c9a870
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
Yellow
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #7193ca | rgb(113, 147, 202) | hsl(220 46% 62%) | hwb(220 44% 21%) | lch(60 32.6 268) | lab(60 -1.12 -32.6) | cmyk 44%, 27%, 0%, 21% | |
| #a8bcde | rgb(168, 188, 222) | hsl(220 45% 76%) | hwb(220 66% 13%) | lch(75.6 19.6 266) | lab(75.6 -1.5 -19.5) | cmyk 24%, 15%, 0%, 13% | |
| #cdd9ec | rgb(205, 217, 236) | hsl(220 45% 86%) | hwb(220 80% 7.5%) | lch(86.2 10.9 263) | lab(86.2 -1.39 -10.8) | cmyk 13%, 8%, 0%, 7% | |
| #dfcbaa | rgb(223, 203, 170) | hsl(37 45% 77%) | hwb(37 67% 13%) | lch(82.7 19.5 79.8) | lab(82.7 3.47 19.2) | cmyk 0%, 9%, 24%, 13% | |
| #c9a870 | rgb(201, 168, 112) | hsl(38 45% 61%) | hwb(38 44% 21%) | lch(70.9 34.4 78.2) | lab(70.9 7.02 33.6) | cmyk 0%, 16%, 44%, 21% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#7193ca
AA - 3.12
#a8bcde
AA - 1.92
#cdd9ec
AA - 1.42
#dfcbaa
AA - 1.58
#c9a870
AA - 2.25
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