Cor nomeada mais próxima · #6B6E53
#6B6E53
Cor nomeada mais próxima: Herbal Whispers
#6B6E53 (rgb(107 110 83), hsl(67 14% 38%), oklch(0.528 0.041 112.9)) é mais próxima da cor nomeada Herbal Whispers. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6B6E53
oklch(0.528 0.041 112.9)
Conversões de cor
- HEX
- #6b6e53
- RGB
- rgb(107 110 83)
- HSL
- hsl(67 14% 38%)
- HWB
- hwb(67 33% 57%)
- OKLCH
- oklch(0.528 0.041 112.9)
- OKLab
- oklab(0.528 -0.016 0.037)
- CIE Lab
- lab(45.6 -4.9 14.73)
- LCH
- lch(45.6 15.52 108.4)
- CMYK
- cmyk(3% 0% 25% 57%)
Tons claros · Sombras · Tons
Tons claros
- 797C63
- 878973
- 959784
- A3A594
- B2B4A5
- C1C3B7
- D0D1C8
- E0E0DA
- EFF0ED
Sombras
- 5C5F47
- 4E503B
- 3F4130
- 323325
- 25261B
- 181911
- 0D0E08
- 040402
- 000100
Tons
- 6D7058
- 6F725C
- 717361
- 737565
- 75776A
- 77796E
- 7A7B73
- 7C7C77
- 7E7E7C
Harmonias de cor
Complementar +180°
- 6B6E53
Herbal Whispers
- 6C6781
≈ Hyacinth Arbour
Análoga -30° +30°
- 6B6E53
Herbal Whispers
- 776951
≈ Hip Waders
- 5E725C
≈ Midnight Garden
Tríade +120° +240°
- 6B6E53
Herbal Whispers
- 54707F
≈ Lily Pond Blue
- 7F626D
≈ Cabal
Complementar dividida +150° +210°
- 6B6E53
Herbal Whispers
- 5F6C83
≈ Clooney
- 776479
≈ Purple Suede
Tétrade +90° +180° +270°
- 6B6E53
Herbal Whispers
- 4F7276
≈ Rogue Waters
- 6C6781
≈ Hyacinth Arbour
- 816260
≈ Aged Beech
Contraste e acessibilidade
Ag
AASobre branco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSobre preto
WCAG 3.98: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 {
--herbal-whispers: #6b6e53;
--herbal-whispers-rgb: 107 110 83;
--herbal-whispers-oklch: oklch(0.528 0.041 112.9);
}
.element {
color: var(--herbal-whispers);
background-color: hsl(67 14% 38%);
border-color: oklch(0.528 0.041 112.9);
}Tailwind CSS v4
@theme {
--color-herbal-whispers: #6b6e53;
--color-herbal-whispers-50: #f4f7ea;
--color-herbal-whispers-100: #e7eadb;
--color-herbal-whispers-200: #d3d7c3;
--color-herbal-whispers-300: #b6baa3;
--color-herbal-whispers-400: #9ea186;
--color-herbal-whispers-500: #86896b;
--color-herbal-whispers-600: #71745a;
--color-herbal-whispers-700: #5b5d48;
--color-herbal-whispers-800: #434434;
--color-herbal-whispers-900: #2e2f23;
--color-herbal-whispers-950: #1b1b12;
}SCSS
$herbal-whispers: #6b6e53;
$herbal-whispers-rgb: 107, 110, 83;
$herbal-whispers-light: mix(#fff, $herbal-whispers, 20%);
$herbal-whispers-dark: mix(#000, $herbal-whispers, 20%);
.element {
color: $herbal-whispers;
box-shadow: 0 0 0 2px rgba($herbal-whispers, 0.35);
}