Cor nomeada mais próxima · #6B7958
#6B7958
Cor nomeada mais próxima: Dill
#6B7958 (rgb(107 121 88), hsl(85 16% 41%), oklch(0.555 0.052 126.7)) é mais próxima da cor nomeada Dill. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6B7958
oklch(0.555 0.052 126.7)
Conversões de cor
- HEX
- #6b7958
- RGB
- rgb(107 121 88)
- HSL
- hsl(85 16% 41%)
- HWB
- hwb(85 35% 53%)
- OKLCH
- oklch(0.555 0.052 126.7)
- OKLab
- oklab(0.555 -0.031 0.042)
- CIE Lab
- lab(48.97 -10.12 16.35)
- LCH
- lch(48.97 19.23 121.7)
- CMYK
- cmyk(12% 0% 27% 53%)
Tons claros · Sombras · Tons
Tons claros
- 798668
- 879277
- 959F87
- A3AD98
- B2BAA8
- C1C7B9
- D0D5CA
- E0E3DC
- EFF1ED
Sombras
- 5C684B
- 4E583F
- 3F4833
- 323928
- 252B1D
- 181D12
- 0D1009
- 040503
- 000100
Tons
- 6D7A5C
- 6F7B60
- 717B64
- 737C68
- 757D6C
- 787D70
- 7A7E74
- 7C7F78
- 7E7F7C
Harmonias de cor
Complementar +180°
- 6B7958
Dill
- 7B6B8B
≈ Nymph’s Delight
Análoga -30° +30°
Tríade +120° +240°
- 6B7958
Dill
- 5A7690
≈ Laguna Blue
- 8E676E
≈ Deadlock
Complementar dividida +150° +210°
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 4.66:1 · APCA Lc 72
Ag
AASobre preto
WCAG 4.50:1 · APCA Lc 29
Melhor cor de texto: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--dill: #6b7958;
--dill-rgb: 107 121 88;
--dill-oklch: oklch(0.555 0.052 126.7);
}
.element {
color: var(--dill);
background-color: hsl(85 16% 41%);
border-color: oklch(0.555 0.052 126.7);
}Tailwind CSS v4
@theme {
--color-dill: #6b7958;
--color-dill-50: #f1f8e9;
--color-dill-100: #e3ecd9;
--color-dill-200: #cdd9c2;
--color-dill-300: #afbda1;
--color-dill-400: #96a484;
--color-dill-500: #7d8d68;
--color-dill-600: #6a7758;
--color-dill-700: #555f46;
--color-dill-800: #3e4632;
--color-dill-900: #2b3022;
--color-dill-950: #181c11;
}SCSS
$dill: #6b7958;
$dill-rgb: 107, 121, 88;
$dill-light: mix(#fff, $dill, 20%);
$dill-dark: mix(#000, $dill, 20%);
.element {
color: $dill;
box-shadow: 0 0 0 2px rgba($dill, 0.35);
}