Colore con nome più vicino · #926E6B
#926E6B
Colore con nome più vicino: Equestrienne
#926E6B (rgb(146 110 107), hsl(5 15% 50%), oklch(0.573 0.046 24.1)) è più vicino al colore con nome Equestrienne. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#926E6B
oklch(0.573 0.046 24.1)
Conversioni di colore
- HEX
- #926e6b
- RGB
- rgb(146 110 107)
- HSL
- hsl(5 15% 50%)
- HWB
- hwb(5 42% 43%)
- OKLCH
- oklch(0.573 0.046 24.1)
- OKLab
- oklab(0.573 0.042 0.019)
- CIE Lab
- lab(50.06 14.39 7.52)
- LCH
- lch(50.06 16.23 27.6)
- CMYK
- cmyk(0% 25% 27% 43%)
Tinte · Ombre · Toni
Tinte
- 9D7C79
- A88987
- B29795
- BDA6A4
- C8B4B2
- D3C3C1
- DED2D0
- E9E1E0
- F4F0EF
Ombre
- 7E5F5C
- 6B504E
- 58413F
- 463332
- 352625
- 251918
- 160E0D
- 080404
- 010100
Toni
- 90706D
- 8F726F
- 8D7471
- 8B7573
- 8A7776
- 887978
- 867B7A
- 847D7C
- 827E7E
Armonie di colore
Complementare +180°
- 926E6B
Equestrienne
- 578185
≈ Rainier Blue
Analogo -30° +30°
- 926E6B
Equestrienne
- 8F6D7A
≈ Blunt Violet
- 8F715F
≈ Nuthatch
Triadico +120° +240°
- 926E6B
Equestrienne
- 688067
≈ Garden Greenery
- 6A7894
≈ Noble Blue
Complementare divisa +150° +210°
- 926E6B
Equestrienne
- 5B8276
≈ Cutty Sark
- 5D7D90
≈ Whale Shark
Tetradico +90° +180° +270°
- 926E6B
Equestrienne
- 787C5C
≈ Variegated Frond
- 578185
≈ Rainier Blue
- 797392
≈ Iris Eyes
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.50:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.66:1 · APCA Lc 30
Miglior colore del testo: #000000
WCAG 4.66:1 (AA) · APCA Lc 30
Contrast pairs
Frammenti di codice
CSS
:root {
--equestrienne: #926e6b;
--equestrienne-rgb: 146 110 107;
--equestrienne-oklch: oklch(0.573 0.046 24.1);
}
.element {
color: var(--equestrienne);
background-color: hsl(5 15% 50%);
border-color: oklch(0.573 0.046 24.1);
}Tailwind CSS v4
@theme {
--color-equestrienne: #926e6b;
--color-equestrienne-50: #fff0ee;
--color-equestrienne-100: #f7e2e0;
--color-equestrienne-200: #e8cdca;
--color-equestrienne-300: #ceafab;
--color-equestrienne-400: #b99491;
--color-equestrienne-500: #a37b77;
--color-equestrienne-600: #8a6865;
--color-equestrienne-700: #6e5351;
--color-equestrienne-800: #513c3b;
--color-equestrienne-900: #392929;
--color-equestrienne-950: #231716;
}SCSS
$equestrienne: #926e6b;
$equestrienne-rgb: 146, 110, 107;
$equestrienne-light: mix(#fff, $equestrienne, 20%);
$equestrienne-dark: mix(#000, $equestrienne, 20%);
.element {
color: $equestrienne;
box-shadow: 0 0 0 2px rgba($equestrienne, 0.35);
}