Cor nomeada mais próxima · #AC9789
#AC9789
Cor nomeada mais próxima: Sombrero
#AC9789 (rgb(172 151 137), hsl(24 17% 61%), oklch(0.691 0.032 55.8)) é mais próxima da cor nomeada Sombrero. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#AC9789
oklch(0.691 0.032 55.8)
Conversões de cor
- HEX
- #ac9789
- RGB
- rgb(172 151 137)
- HSL
- hsl(24 17% 61%)
- HWB
- hwb(24 54% 33%)
- OKLCH
- oklch(0.691 0.032 55.8)
- OKLab
- oklab(0.691 0.018 0.027)
- CIE Lab
- lab(64.06 6.35 10.41)
- LCH
- lch(64.06 12.19 58.6)
- CMYK
- cmyk(0% 12% 20% 33%)
Tons claros · Sombras · Tons
Tons claros
- B4A194
- BCABA0
- C4B5AB
- CDBFB7
- D5CAC3
- DDD4CE
- E6DFDA
- EEE9E6
- F7F4F3
Sombras
- 958376
- 7F6F64
- 695C53
- 544942
- 403731
- 2D2622
- 1B1714
- 0B0807
- 010101
Tons
- A89588
- A39287
- 9F9086
- 9A8E86
- 968B85
- 928984
- 8D8783
- 898582
- 848281
Harmonias de cor
Complementar +180°
- AC9789
Sombrero
- 899FAD
≈ Sonata Blue
Análoga -30° +30°
- AC9789
Sombrero
- AF9491
≈ Antoinette
- A59B86
≈ Churchill Downs
Tríade +120° +240°
- AC9789
Sombrero
- 88A39B
≈ Morning Blue
- 9D98AE
≈ Night Music
Complementar dividida +150° +210°
- AC9789
Sombrero
- 85A2A5
≈ Tourmaline
- 929CB0
≈ Ornamental Silver
Tétrade +90° +180° +270°
- AC9789
Sombrero
- 90A190
≈ Pewter
- 899FAD
≈ Sonata Blue
- A795A7
≈ Windsor Haze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASobre preto
WCAG 7.54:1 · APCA Lc 48
Melhor cor de texto: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Trechos de código
CSS
:root {
--sombrero: #ac9789;
--sombrero-rgb: 172 151 137;
--sombrero-oklch: oklch(0.691 0.032 55.8);
}
.element {
color: var(--sombrero);
background-color: hsl(24 17% 61%);
border-color: oklch(0.691 0.032 55.8);
}Tailwind CSS v4
@theme {
--color-sombrero: #ac9789;
--color-sombrero-50: #fdf3ec;
--color-sombrero-100: #f1e5de;
--color-sombrero-200: #dfd1c7;
--color-sombrero-300: #c5b4a8;
--color-sombrero-400: #ae9a8d;
--color-sombrero-500: #978172;
--color-sombrero-600: #806d61;
--color-sombrero-700: #67574d;
--color-sombrero-800: #4c4038;
--color-sombrero-900: #352c26;
--color-sombrero-950: #201915;
}SCSS
$sombrero: #ac9789;
$sombrero-rgb: 172, 151, 137;
$sombrero-light: mix(#fff, $sombrero, 20%);
$sombrero-dark: mix(#000, $sombrero, 20%);
.element {
color: $sombrero;
box-shadow: 0 0 0 2px rgba($sombrero, 0.35);
}