#666551
#909074
#a7a791
#747490
#525266
Old Town
#666551
#909074
#a7a791
#747490
#525266
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
Green
Blue
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #666551 | rgb(102, 101, 81) | hsl(57 11% 36%) | hwb(57 32% 60%) | lch(42.4 11.8 102) | lab(42.4 -2.37 11.5) | cmyk 0%, 1%, 21%, 60% | |
| #909074 | rgb(144, 144, 116) | hsl(60 11% 51%) | hwb(60 45% 44%) | lch(59.2 15.4 104) | lab(59.2 -3.67 15) | cmyk 0%, 0%, 19%, 44% | |
| #a7a791 | rgb(167, 167, 145) | hsl(60 11% 61%) | hwb(60 57% 35%) | lch(68 11.8 104) | lab(68 -2.9 11.4) | cmyk 0%, 0%, 13%, 35% | |
| #747490 | rgb(116, 116, 144) | hsl(240 11% 51%) | hwb(240 45% 44%) | lch(49.6 16 287) | lab(49.6 4.69 -15.3) | cmyk 19%, 19%, 0%, 44% | |
| #525266 | rgb(82, 82, 102) | hsl(240 11% 36%) | hwb(240 32% 60%) | lch(35.5 12.2 287) | lab(35.5 3.55 -11.6) | cmyk 20%, 20%, 0%, 60% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#666551
AA - 5.92
#909074
AA - 3.26
#a7a791
AA - 2.44
#747490
AA - 4.52
#525266
AAA - 7.61
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