Cor nomeada mais próxima · #B26C6B
#B26C6B
Cor nomeada mais próxima: Rustling Leaves
#B26C6B (rgb(178 108 107), hsl(1 32% 56%), oklch(0.607 0.09 20.9)) é mais próxima da cor nomeada Rustling Leaves. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#B26C6B
oklch(0.607 0.09 20.9)
Conversões de cor
- HEX
- #b26c6b
- RGB
- rgb(178 108 107)
- HSL
- hsl(1 32% 56%)
- HWB
- hwb(1 42% 30%)
- OKLCH
- oklch(0.607 0.09 20.9)
- OKLab
- oklab(0.607 0.084 0.032)
- CIE Lab
- lab(53.54 28.53 13.07)
- LCH
- lch(53.54 31.38 24.6)
- CMYK
- cmyk(0% 39% 40% 30%)
Tons claros · Sombras · Tons
Tons claros
- BA7A79
- C38987
- CB9795
- D3A5A4
- DBB4B2
- E2C3C1
- EAD2D1
- F1E1E0
- F8F0EF
Sombras
- 9A5D5C
- 834E4E
- 6D403F
- 573232
- 432525
- 2F1918
- 1D0D0D
- 0C0404
- 010000
Tons
- AE6E6D
- A9716F
- A47371
- A07574
- 9B7776
- 967978
- 907B7A
- 8B7D7C
- 867E7E
Harmonias de cor
Complementar +180°
- B26C6B
Rustling Leaves
- 2E9298
≈ Aqua Lake
Análoga -30° +30°
- B26C6B
Rustling Leaves
- AB6C89
≈ Cure All
- AE724F
≈ Autumn Umber
Tríade +120° +240°
- B26C6B
Rustling Leaves
- 64905C
≈ Irish Charm
- 6383B8
≈ Marine Ink
Complementar dividida +150° +210°
- B26C6B
Rustling Leaves
- 41947B
≈ Winter Green
- 428CAE
≈ Magic Blue
Tétrade +90° +180° +270°
- B26C6B
Rustling Leaves
- 858745
≈ Overgrown Citadel
- 2E9298
≈ Aqua Lake
- 8279B4
≈ Purple Rhapsody
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.99:1 · APCA Lc 67
Ag
AASobre preto
WCAG 5.25:1 · APCA Lc 35
Melhor cor de texto: #000000
WCAG 5.25:1 (AA) · APCA Lc 35
Contrast pairs
Trechos de código
CSS
:root {
--rustling-leaves: #b26c6b;
--rustling-leaves-rgb: 178 108 107;
--rustling-leaves-oklch: oklch(0.607 0.09 20.9);
}
.element {
color: var(--rustling-leaves);
background-color: hsl(1 32% 56%);
border-color: oklch(0.607 0.09 20.9);
}Tailwind CSS v4
@theme {
--color-rustling-leaves: #b26c6b;
--color-rustling-leaves-50: #ffece9;
--color-rustling-leaves-100: #ffddda;
--color-rustling-leaves-200: #f9c6c2;
--color-rustling-leaves-300: #e2a6a2;
--color-rustling-leaves-400: #ce8988;
--color-rustling-leaves-500: #ba6d6c;
--color-rustling-leaves-600: #9d5d5c;
--color-rustling-leaves-700: #7e4a49;
--color-rustling-leaves-800: #5e3536;
--color-rustling-leaves-900: #422425;
--color-rustling-leaves-950: #2a1313;
}SCSS
$rustling-leaves: #b26c6b;
$rustling-leaves-rgb: 178, 108, 107;
$rustling-leaves-light: mix(#fff, $rustling-leaves, 20%);
$rustling-leaves-dark: mix(#000, $rustling-leaves, 20%);
.element {
color: $rustling-leaves;
box-shadow: 0 0 0 2px rgba($rustling-leaves, 0.35);
}