Colore con nome · #B98142
Condiment
Condiment è #B98142: rgb(185 129 66), hsl(32 47% 49%), oklch(0.647 0.105 67.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Condiment color name →
#B98142
oklch(0.647 0.105 67.2)
Conversioni di colore
- HEX
- #b98142
- RGB
- rgb(185 129 66)
- HSL
- hsl(32 47% 49%)
- HWB
- hwb(32 26% 27%)
- OKLCH
- oklch(0.647 0.105 67.2)
- OKLab
- oklab(0.647 0.041 0.097)
- CIE Lab
- lab(58.85 17.65 42.45)
- LCH
- lch(58.85 45.97 67.4)
- CMYK
- cmyk(0% 30% 64% 27%)
Tinte · Ombre · Toni
Tinte
- C08D56
- C89A6A
- CFA67C
- D6B38F
- DDBFA1
- E4CCB4
- EBD9C7
- F2E5D9
- F8F2EC
Ombre
- A06F38
- 895E2F
- 714E25
- 5B3E1C
- 462E14
- 311F0B
- 1E1205
- 0D0601
- 020100
Toni
- B4814A
- AE8152
- A88259
- A3825F
- 9D8265
- 97816B
- 928171
- 8C8176
- 86807B
Armonie di colore
Complementare +180°
- B98142
Condiment
- 5694CB
≈ Delphinium Corsage
Analogo -30° +30°
- B98142
Condiment
- C5765F
≈ Warm Terra Cotta
- A08E3B
≈ Banana Leaf
Triadico +120° +240°
- B98142
Condiment
- 23A399
≈ Ceramic Blue Turquoise
- 9F7DC0
≈ Wisteria
Complementare divisa +150° +210°
- B98142
Condiment
- 299EB8
≈ Sailfish
- 7E88CE
≈ True Lavender
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.34:1 · APCA Lc 61
Ag
AASu nero
WCAG 6.28:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.28:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--condiment: #b98142;
--condiment-rgb: 185 129 66;
--condiment-oklch: oklch(0.647 0.105 67.2);
}
.element {
color: var(--condiment);
background-color: hsl(32 47% 49%);
border-color: oklch(0.647 0.105 67.2);
}Tailwind CSS v4
@theme {
--color-condiment: #b98142;
--color-condiment-50: #fff0d5;
--color-condiment-100: #ffe2c3;
--color-condiment-200: #f2cda4;
--color-condiment-300: #dbae7c;
--color-condiment-400: #c89257;
--color-condiment-500: #b4772d;
--color-condiment-600: #986528;
--color-condiment-700: #7a5120;
--color-condiment-800: #5b3a16;
--color-condiment-900: #40280e;
--color-condiment-950: #291602;
}SCSS
$condiment: #b98142;
$condiment-rgb: 185, 129, 66;
$condiment-light: mix(#fff, $condiment, 20%);
$condiment-dark: mix(#000, $condiment, 20%);
.element {
color: $condiment;
box-shadow: 0 0 0 2px rgba($condiment, 0.35);
}