Colore con nome più vicino · #AB9789
#AB9789
Colore con nome più vicino: Sombrero
#AB9789 (rgb(171 151 137), hsl(25 17% 60%), oklch(0.69 0.031 57.2)) è più vicino al colore con nome Sombrero. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AB9789
oklch(0.69 0.031 57.2)
Conversioni di colore
- HEX
- #ab9789
- RGB
- rgb(171 151 137)
- HSL
- hsl(25 17% 60%)
- HWB
- hwb(25 54% 33%)
- OKLCH
- oklch(0.69 0.031 57.2)
- OKLab
- oklab(0.69 0.017 0.026)
- CIE Lab
- lab(63.97 5.95 10.26)
- LCH
- lch(63.97 11.86 59.9)
- CMYK
- cmyk(0% 12% 20% 33%)
Tinte · Ombre · Toni
Tinte
- B3A194
- BBABA0
- C4B5AB
- CCBFB7
- D4CAC3
- DDD4CE
- E5DFDA
- EEE9E6
- F6F4F3
Ombre
- 948376
- 7E6F64
- 685C53
- 544942
- 403731
- 2D2622
- 1B1714
- 0B0807
- 010101
Toni
- A79588
- A29287
- 9E9086
- 9A8E86
- 958B85
- 918984
- 8D8783
- 898582
- 848281
Armonie di colore
Complementare +180°
- AB9789
Sombrero
- 8A9FAD
≈ Sonata Blue
Analogo -30° +30°
- AB9789
Sombrero
- AE9591
≈ Rose Mauve
- A49B86
≈ Churchill Downs
Triadico +120° +240°
- AB9789
Sombrero
- 88A29B
≈ Morning Blue
- 9D98AD
≈ Lavender Aura
Complementare divisa +150° +210°
- AB9789
Sombrero
- 86A1A5
≈ Tourmaline
- 939BAF
≈ Ornamental Silver
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.51:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.51:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--sombrero: #ab9789;
--sombrero-rgb: 171 151 137;
--sombrero-oklch: oklch(0.69 0.031 57.2);
}
.element {
color: var(--sombrero);
background-color: hsl(25 17% 60%);
border-color: oklch(0.69 0.031 57.2);
}Tailwind CSS v4
@theme {
--color-sombrero: #ab9789;
--color-sombrero-50: #fcf3ec;
--color-sombrero-100: #f0e6de;
--color-sombrero-200: #dfd1c7;
--color-sombrero-300: #c4b4a8;
--color-sombrero-400: #ad9a8d;
--color-sombrero-500: #978172;
--color-sombrero-600: #7f6e61;
--color-sombrero-700: #66584d;
--color-sombrero-800: #4b4038;
--color-sombrero-900: #342c26;
--color-sombrero-950: #201915;
}SCSS
$sombrero: #ab9789;
$sombrero-rgb: 171, 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);
}