#3f454d
#713e47
#956a71
#48516c
#161c2a
Knight
#3f454d
#713e47
#956a71
#48516c
#161c2a
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
Red
Blue
Grey
Color | HEX | RGB | HSL | HWB | LCH | LAB | CMYK | Color schemes |
---|---|---|---|---|---|---|---|---|
| #3f454d | rgb(63, 69, 77) | hsl(210 10% 27%) | hwb(210 25% 70%) | lch(29 5.81 259) | lab(29 -1.07 -5.71) | cmyk 18%, 10%, 0%, 70% | |
| #713e47 | rgb(113, 62, 71) | hsl(350 29% 34%) | hwb(350 24% 56%) | lch(32.9 24.1 11.5) | lab(32.9 23.6 4.8) | cmyk 0%, 45%, 37%, 56% | |
| #956a71 | rgb(149, 106, 113) | hsl(350 17% 50%) | hwb(350 42% 42%) | lch(49.5 18.8 10.1) | lab(49.5 18.5 3.28) | cmyk 0%, 29%, 24%, 42% | |
| #48516c | rgb(72, 81, 108) | hsl(230 20% 35%) | hwb(230 28% 58%) | lch(34.5 17 276) | lab(34.5 1.68 -16.9) | cmyk 33%, 25%, 0%, 58% | |
| #161c2a | rgb(22, 28, 42) | hsl(220 31% 13%) | hwb(220 8.6% 84%) | lch(10.2 10.5 273) | lab(10.2 0.612 -10.5) | cmyk 48%, 33%, 0%, 84% |
Click a color format to copy to your clipboard.
Contrast ratios checker
Click one color card to view the complete contrast checker tests.
#3f454d
AAA - 9.67
#713e47
AAA - 8.46
#956a71
AA - 4.58
#48516c
AAA - 7.86
#161c2a
AAA - 17.02
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