Color con nombre más cercano · #887154
#887154
Color con nombre más cercano: Tobacco Leaf
#887154 (rgb(136 113 84), hsl(33 24% 43%), oklch(0.563 0.051 72.9)) se parece más al color con nombre Tobacco Leaf. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#887154
oklch(0.563 0.051 72.9)
Conversiones de color
- HEX
- #887154
- RGB
- rgb(136 113 84)
- HSL
- hsl(33 24% 43%)
- HWB
- hwb(33 33% 47%)
- OKLCH
- oklch(0.563 0.051 72.9)
- OKLab
- oklab(0.563 0.015 0.049)
- CIE Lab
- lab(49.32 6.13 19.69)
- LCH
- lch(49.32 20.62 72.7)
- CMYK
- cmyk(0% 17% 38% 47%)
Tintes · Sombras · Tonos
Tintes
- 937E64
- 9F8C74
- AB9A85
- B6A896
- C2B6A6
- CEC4B8
- DAD3C9
- E6E1DB
- F3F0ED
Sombras
- 756148
- 63523C
- 524331
- 413526
- 31271B
- 221A11
- 130E08
- 060402
- 010100
Tonos
- 877359
- 87745D
- 867662
- 857766
- 84796B
- 837A6F
- 837C73
- 827D77
- 817F7C
Armonías de color
Complementario +180°
- 887154
Tobacco Leaf
- 607893
≈ Rushing River
Análogo -30° +30°
- 887154
Tobacco Leaf
- 906C5E
≈ Chocolate Curl
- 7B7754
≈ Green Woodpecker Olive
Triádico +120° +240°
- 887154
Tobacco Leaf
- 517F7D
≈ Nickel Ore Green
- 806D8B
≈ Grey Purple
Complementario dividido +150° +210°
- 887154
Tobacco Leaf
- 537C8B
≈ Rocky Hill
- 717293
≈ Silk Crepe Mauve
Tetrádico +90° +180° +270°
- 887154
Tobacco Leaf
- 5A7F6D
≈ Fuchsite Green
- 607893
≈ Rushing River
- 8B6A7D
≈ Raw Garnet Viola
Contraste y accesibilidad
Ag
AASobre blanco
WCAG 4.62:1 · APCA Lc 72
Ag
AASobre negro
WCAG 4.53:1 · APCA Lc 30
Mejor color de texto: #FFFFFF
WCAG 4.62:1 (AA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--tobacco-leaf: #887154;
--tobacco-leaf-rgb: 136 113 84;
--tobacco-leaf-oklch: oklch(0.563 0.051 72.9);
}
.element {
color: var(--tobacco-leaf);
background-color: hsl(33 24% 43%);
border-color: oklch(0.563 0.051 72.9);
}Tailwind CSS v4
@theme {
--color-tobacco-leaf: #887154;
--color-tobacco-leaf-50: #fef3e6;
--color-tobacco-leaf-100: #f2e6d6;
--color-tobacco-leaf-200: #e1d2bd;
--color-tobacco-leaf-300: #c7b49b;
--color-tobacco-leaf-400: #b19a7e;
--color-tobacco-leaf-500: #9b8161;
--color-tobacco-leaf-600: #836d52;
--color-tobacco-leaf-700: #695741;
--color-tobacco-leaf-800: #4e402f;
--color-tobacco-leaf-900: #362c20;
--color-tobacco-leaf-950: #21190f;
}SCSS
$tobacco-leaf: #887154;
$tobacco-leaf-rgb: 136, 113, 84;
$tobacco-leaf-light: mix(#fff, $tobacco-leaf, 20%);
$tobacco-leaf-dark: mix(#000, $tobacco-leaf, 20%);
.element {
color: $tobacco-leaf;
box-shadow: 0 0 0 2px rgba($tobacco-leaf, 0.35);
}