Cor nomeada · #BA9C75
Coriander Powder
Coriander Powder é #BA9C75: rgb(186 156 117), hsl(34 33% 59%), oklch(0.71 0.064 73.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Coriander Powder color name →
#BA9C75
oklch(0.71 0.064 73.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C1A683
- C8AF90
- CFB99E
- D6C3AB
- DCCDB9
- E3D7C7
- EAE1D5
- F1EBE3
- F8F5F1
Sombras
- A18765
- 897355
- 725F46
- 5C4C37
- 463929
- 32281C
- 1E180F
- 0D0905
- 020101
Tons
- B49977
- AE9678
- A89479
- A3917A
- 9D8E7C
- 978B7D
- 91897E
- 8B867E
- 86837F
Harmonias de cor
Complementar +180°
- BA9C75
Coriander Powder
- 86A4C9
≈ High Tide
Análoga -30° +30°
- BA9C75
Coriander Powder
- C59581
≈ Revenant Brown
- A8A475
≈ Fond of Fronds
Tríade +120° +240°
- BA9C75
Coriander Powder
- 71AFAD
≈ Aurora Teal
- B096BE
≈ Quibble
Complementar dividida +150° +210°
- BA9C75
Coriander Powder
- 75ABBF
≈ Moonstone Blue
- 9C9DC9
≈ Cosmo Purple
Tétrade +90° +180° +270°
- BA9C75
Coriander Powder
- 7CAF97
≈ Nature Green
- 86A4C9
≈ High Tide
- BF92AC
≈ Blooming Lilac
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.59:1 · APCA Lc 51
Ag
AAASobre preto
WCAG 8.10:1 · APCA Lc 51
Melhor cor de texto: #000000
WCAG 8.10:1 (AAA) · APCA Lc 51
Contrast pairs
Trechos de código
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);
}