Colore con nome più vicino · #AE968A
#AE968A
Colore con nome più vicino: Sombrero
#AE968A (rgb(174 150 138), hsl(20 18% 61%), oklch(0.691 0.034 48.2)) è più vicino al colore con nome Sombrero. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AE968A
oklch(0.691 0.034 48.2)
Conversioni di colore
- HEX
- #ae968a
- RGB
- rgb(174 150 138)
- HSL
- hsl(20 18% 61%)
- HWB
- hwb(20 54% 32%)
- OKLCH
- oklch(0.691 0.034 48.2)
- OKLab
- oklab(0.691 0.022 0.025)
- CIE Lab
- lab(64.02 7.78 9.82)
- LCH
- lch(64.02 12.53 51.6)
- CMYK
- cmyk(0% 14% 21% 32%)
Tinte · Ombre · Toni
Tinte
- B6A095
- BEAAA0
- C6B5AC
- CEBFB7
- D6C9C3
- DED4CF
- E6DFDB
- EFE9E7
- F7F4F3
Ombre
- 978277
- 806E65
- 6A5B53
- 554942
- 413732
- 2E2622
- 1C1614
- 0B0807
- 010101
Toni
- A99489
- A59288
- A08F87
- 9C8D86
- 978B85
- 928984
- 8E8783
- 898482
- 858281
Armonie di colore
Complementare +180°
- AE968A
Sombrero
- 87A0AC
≈ Qiān Hūi Grey
Analogo -30° +30°
- AE968A
Sombrero
- B09494
≈ Antoinette
- A79A85
≈ Wooden Peg
Triadico +120° +240°
- AE968A
Sombrero
- 88A398
≈ Modern Mint
- 9A99B0
≈ Bay Fog
Complementare divisa +150° +210°
- AE968A
Sombrero
- 84A2A3
≈ Venus Teal
- 8F9DB1
≈ Periwinkle Dusk
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.78:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.52:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.52:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--sombrero: #ae968a;
--sombrero-rgb: 174 150 138;
--sombrero-oklch: oklch(0.691 0.034 48.2);
}
.element {
color: var(--sombrero);
background-color: hsl(20 18% 61%);
border-color: oklch(0.691 0.034 48.2);
}Tailwind CSS v4
@theme {
--color-sombrero: #ae968a;
--color-sombrero-50: #fef3ed;
--color-sombrero-100: #f2e5de;
--color-sombrero-200: #e1d0c8;
--color-sombrero-300: #c6b3a8;
--color-sombrero-400: #b0998e;
--color-sombrero-500: #9a8073;
--color-sombrero-600: #826c62;
--color-sombrero-700: #68574e;
--color-sombrero-800: #4d3f39;
--color-sombrero-900: #352b27;
--color-sombrero-950: #201915;
}SCSS
$sombrero: #ae968a;
$sombrero-rgb: 174, 150, 138;
$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);
}