Colore con nome più vicino · #BA927E
#BA927E
Colore con nome più vicino: Nougat
#BA927E (rgb(186 146 126), hsl(20 30% 61%), oklch(0.692 0.056 47.9)) è più vicino al colore con nome Nougat. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#BA927E
oklch(0.692 0.056 47.9)
Conversioni di colore
- HEX
- #ba927e
- RGB
- rgb(186 146 126)
- HSL
- hsl(20 30% 61%)
- HWB
- hwb(20 49% 27%)
- OKLCH
- oklch(0.692 0.056 47.9)
- OKLab
- oklab(0.692 0.038 0.042)
- CIE Lab
- lab(64 13.44 16.7)
- LCH
- lch(64 21.43 51.2)
- CMYK
- cmyk(0% 22% 32% 27%)
Tinte · Ombre · Toni
Tinte
- C19D8A
- C8A797
- CFB2A3
- D6BDB0
- DDC7BD
- E4D2CA
- EBDDD7
- F1E9E4
- F8F4F2
Ombre
- A17E6D
- 896B5C
- 72584C
- 5C463C
- 46352D
- 32251F
- 1E1611
- 0D0805
- 020101
Toni
- B4907E
- AE8F7F
- A98D7F
- A38B7F
- 9D897F
- 978780
- 928680
- 8C8480
- 868280
Armonie di colore
Complementare +180°
- BA927E
Nougat
- 77A3B8
≈ Grey Blue
Analogo -30° +30°
- BA927E
Nougat
- BD8E8F
≈ Rose Brown
- B09875
≈ Dry Starfish
Triadico +120° +240°
- BA927E
Nougat
- 7AA895
≈ Acapulco
- 9A97BE
≈ Lavender Bonnet
Complementare divisa +150° +210°
- BA927E
Nougat
- 72A7A8
≈ Cresting Waves
- 879EBF
≈ Sailing
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.79:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.50:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--nougat: #ba927e;
--nougat-rgb: 186 146 126;
--nougat-oklch: oklch(0.692 0.056 47.9);
}
.element {
color: var(--nougat);
background-color: hsl(20 30% 61%);
border-color: oklch(0.692 0.056 47.9);
}Tailwind CSS v4
@theme {
--color-nougat: #ba927e;
--color-nougat-50: #fff1e7;
--color-nougat-100: #f8e3d8;
--color-nougat-200: #e9cebf;
--color-nougat-300: #d0b09e;
--color-nougat-400: #bb9582;
--color-nougat-500: #a67b66;
--color-nougat-600: #8c6856;
--color-nougat-700: #705345;
--color-nougat-800: #533c32;
--color-nougat-900: #3a2a22;
--color-nougat-950: #241711;
}SCSS
$nougat: #ba927e;
$nougat-rgb: 186, 146, 126;
$nougat-light: mix(#fff, $nougat, 20%);
$nougat-dark: mix(#000, $nougat, 20%);
.element {
color: $nougat;
box-shadow: 0 0 0 2px rgba($nougat, 0.35);
}