Cor nomeada mais próxima · #596F7A
#596F7A
Cor nomeada mais próxima: Silent Night
#596F7A (rgb(89 111 122), hsl(200 16% 41%), oklch(0.528 0.031 229.7)) é mais próxima da cor nomeada Silent Night. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#596F7A
oklch(0.528 0.031 229.7)
Conversões de cor
- HEX
- #596f7a
- RGB
- rgb(89 111 122)
- HSL
- hsl(200 16% 41%)
- HWB
- hwb(200 35% 52%)
- OKLCH
- oklch(0.528 0.031 229.7)
- OKLab
- oklab(0.528 -0.02 -0.024)
- CIE Lab
- lab(45.36 -6.37 -8.95)
- LCH
- lch(45.36 10.99 234.6)
- CMYK
- cmyk(27% 9% 0% 52%)
Tons claros · Sombras · Tons
Tons claros
- 687C87
- 788A93
- 8898A0
- 98A6AD
- A9B4BA
- BAC3C8
- CBD2D5
- DCE1E3
- EDF0F1
Sombras
- 4C6069
- 405159
- 344249
- 28343A
- 1D272B
- 131A1D
- 090E10
- 030405
- 000101
Tons
- 5D717B
- 61727B
- 65747C
- 69767D
- 6D787D
- 71797E
- 747B7E
- 787D7F
- 7C7E7F
Harmonias de cor
Complementar +180°
- 596F7A
Silent Night
- 7B665B
≈ Almond Truffle
Análoga -30° +30°
- 596F7A
Silent Night
- 567172
≈ Juniper Berries
- 616C7E
≈ Ashen Whisper
Tríade +120° +240°
- 596F7A
Silent Night
- 7A646E
≈ Ephemera
- 6C6D58
≈ Secluded Green
Complementar dividida +150° +210°
- 596F7A
Silent Night
- 7D6464
≈ Amazing Amethyst
- 756A57
≈ Toasted Walnut
Tétrade +90° +180° +270°
- 596F7A
Silent Night
- 736677
≈ Rum
- 7B665B
≈ Almond Truffle
- 62705F
≈ Bracken Green
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.97:1 · APCA Lc 26
Melhor cor de texto: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--silent-night: #596f7a;
--silent-night-rgb: 89 111 122;
--silent-night-oklch: oklch(0.528 0.031 229.7);
}
.element {
color: var(--silent-night);
background-color: hsl(200 16% 41%);
border-color: oklch(0.528 0.031 229.7);
}Tailwind CSS v4
@theme {
--color-silent-night: #596f7a;
--color-silent-night-50: #edf7fd;
--color-silent-night-100: #deeaf1;
--color-silent-night-200: #c8d7df;
--color-silent-night-300: #a8bbc5;
--color-silent-night-400: #8ca2ae;
--color-silent-night-500: #718b97;
--color-silent-night-600: #607580;
--color-silent-night-700: #4d5e66;
--color-silent-night-800: #37454b;
--color-silent-night-900: #263034;
--color-silent-night-950: #141c1f;
}SCSS
$silent-night: #596f7a;
$silent-night-rgb: 89, 111, 122;
$silent-night-light: mix(#fff, $silent-night, 20%);
$silent-night-dark: mix(#000, $silent-night, 20%);
.element {
color: $silent-night;
box-shadow: 0 0 0 2px rgba($silent-night, 0.35);
}