Colore con nome · #BA9C75
Coriander Powder
Coriander Powder è #BA9C75: rgb(186 156 117), hsl(34 33% 59%), oklch(0.71 0.064 73.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coriander Powder color name →
#BA9C75
oklch(0.71 0.064 73.8)
Conversioni di colore
- HEX
- #ba9c75
- RGB
- rgb(186 156 117)
- HSL
- hsl(34 33% 59%)
- HWB
- hwb(34 46% 27%)
- OKLCH
- oklch(0.71 0.064 73.8)
- OKLab
- oklab(0.71 0.018 0.061)
- CIE Lab
- lab(66.39 7.4 24.83)
- LCH
- lch(66.39 25.91 73.4)
- CMYK
- cmyk(0% 16% 37% 27%)
Tinte · Ombre · Toni
Tinte
- C1A683
- C8AF90
- CFB99E
- D6C3AB
- DCCDB9
- E3D7C7
- EAE1D5
- F1EBE3
- F8F5F1
Ombre
- A18765
- 897355
- 725F46
- 5C4C37
- 463929
- 32281C
- 1E180F
- 0D0905
- 020101
Toni
- B49977
- AE9678
- A89479
- A3917A
- 9D8E7C
- 978B7D
- 91897E
- 8B867E
- 86837F
Armonie di colore
Complementare +180°
- BA9C75
Coriander Powder
- 86A4C9
≈ High Tide
Analogo -30° +30°
- BA9C75
Coriander Powder
- C59581
≈ Revenant Brown
- A8A475
≈ Fond of Fronds
Triadico +120° +240°
- BA9C75
Coriander Powder
- 71AFAD
≈ Aurora Teal
- B096BE
≈ Quibble
Complementare divisa +150° +210°
- BA9C75
Coriander Powder
- 75ABBF
≈ Moonstone Blue
- 9C9DC9
≈ Cosmo Purple
Tetradico +90° +180° +270°
- BA9C75
Coriander Powder
- 7CAF97
≈ Nature Green
- 86A4C9
≈ High Tide
- BF92AC
≈ Blooming Lilac
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.59:1 · APCA Lc 51
Ag
AAASu nero
WCAG 8.10:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
CSS
:root {
--coriander-powder: #ba9c75;
--coriander-powder-rgb: 186 156 117;
--coriander-powder-oklch: oklch(0.71 0.064 73.8);
}
.element {
color: var(--coriander-powder);
background-color: hsl(34 33% 59%);
border-color: oklch(0.71 0.064 73.8);
}Tailwind CSS v4
@theme {
--color-coriander-powder: #ba9c75;
--color-coriander-powder-50: #fff3e1;
--color-coriander-powder-100: #f5e5d1;
--color-coriander-powder-200: #e4d1b7;
--color-coriander-powder-300: #cbb393;
--color-coriander-powder-400: #b69974;
--color-coriander-powder-500: #a08055;
--color-coriander-powder-600: #876c49;
--color-coriander-powder-700: #6c573a;
--color-coriander-powder-800: #503f29;
--color-coriander-powder-900: #382b1c;
--color-coriander-powder-950: #22180c;
}SCSS
$coriander-powder: #ba9c75;
$coriander-powder-rgb: 186, 156, 117;
$coriander-powder-light: mix(#fff, $coriander-powder, 20%);
$coriander-powder-dark: mix(#000, $coriander-powder, 20%);
.element {
color: $coriander-powder;
box-shadow: 0 0 0 2px rgba($coriander-powder, 0.35);
}