Cor nomeada mais próxima · #656276
#656276
Cor nomeada mais próxima: Smoky
#656276 (rgb(101 98 118), hsl(249 9% 42%), oklch(0.506 0.032 292.1)) é mais próxima da cor nomeada Smoky. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#656276
oklch(0.506 0.032 292.1)
Conversões de cor
- HEX
- #656276
- RGB
- rgb(101 98 118)
- HSL
- hsl(249 9% 42%)
- HWB
- hwb(249 38% 54%)
- OKLCH
- oklch(0.506 0.032 292.1)
- OKLab
- oklab(0.506 0.012 -0.029)
- CIE Lab
- lab(42.38 4.53 -10.86)
- LCH
- lch(42.38 11.77 292.7)
- CMYK
- cmyk(14% 17% 0% 54%)
Tons claros · Sombras · Tons
Tons claros
- 737083
- 827F90
- 908E9D
- 9F9EAB
- AFADB8
- BEBDC6
- CECDD4
- DEDEE2
- EEEEF1
Sombras
- 575466
- 494756
- 3C3A47
- 2F2D38
- 222129
- 17161C
- 0C0B0F
- 030305
- 000001
Tons
- 686577
- 6A6878
- 6D6B79
- 706E7A
- 72717B
- 75747C
- 78777D
- 7A7A7E
- 7D7D7F
Harmonias de cor
Complementar +180°
- 656276
Smoky
- 656752
≈ Winning Ticket
Análoga -30° +30°
- 656276
Smoky
- 5B6578
≈ Blue Zephyr
- 6E5F70
≈ Smoked Mulberry
Tríade +120° +240°
- 656276
Smoky
- 746055
≈ Poppy Pods
- 536B63
≈ Green Beret
Complementar dividida +150° +210°
- 656276
Smoky
- 6E6451
≈ Harold
- 5B6A59
≈ Less Traveled
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.89:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.56:1 · APCA Lc 22
Melhor cor de texto: #FFFFFF
WCAG 5.89:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--smoky: #656276;
--smoky-rgb: 101 98 118;
--smoky-oklch: oklch(0.506 0.032 292.1);
}
.element {
color: var(--smoky);
background-color: hsl(249 9% 42%);
border-color: oklch(0.506 0.032 292.1);
}Tailwind CSS v4
@theme {
--color-smoky: #656276;
--color-smoky-50: #f5f4fe;
--color-smoky-100: #e8e6f2;
--color-smoky-200: #d5d2e1;
--color-smoky-300: #b8b5c6;
--color-smoky-400: #9e9bb0;
--color-smoky-500: #86839a;
--color-smoky-600: #726f82;
--color-smoky-700: #5b5868;
--color-smoky-800: #42414d;
--color-smoky-900: #2d2d35;
--color-smoky-950: #1a1a21;
}SCSS
$smoky: #656276;
$smoky-rgb: 101, 98, 118;
$smoky-light: mix(#fff, $smoky, 20%);
$smoky-dark: mix(#000, $smoky, 20%);
.element {
color: $smoky;
box-shadow: 0 0 0 2px rgba($smoky, 0.35);
}