Colore con nome · #BA7D4C
Okonomiyaki Brown
Okonomiyaki Brown è #BA7D4C: rgb(186 125 76), hsl(27 44% 51%), oklch(0.642 0.1 58.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Okonomiyaki Brown color name →
#BA7D4C
oklch(0.642 0.1 58.5)
Conversioni di colore
- HEX
- #ba7d4c
- RGB
- rgb(186 125 76)
- HSL
- hsl(27 44% 51%)
- HWB
- hwb(27 30% 27%)
- OKLCH
- oklch(0.642 0.1 58.5)
- OKLab
- oklab(0.642 0.052 0.085)
- CIE Lab
- lab(58.1 20.7 36.51)
- LCH
- lch(58.1 41.97 60.4)
- CMYK
- cmyk(0% 33% 59% 27%)
Tinte · Ombre · Toni
Tinte
- C18A5E
- C99770
- D0A382
- D7B093
- DEBDA5
- E5CAB7
- EBD7C9
- F2E4DB
- F9F2ED
Ombre
- A16C41
- 895B36
- 724B2C
- 5C3B22
- 462C18
- 321E0F
- 1E1106
- 0D0502
- 020100
Toni
- B47E52
- AF7E59
- A97F5E
- A47F64
- 9E8069
- 98806E
- 928072
- 8C8077
- 86807C
Armonie di colore
Complementare +180°
- BA7D4C
Okonomiyaki Brown
- 4C95C3
≈ Blue Paradise
Analogo -30° +30°
- BA7D4C
Okonomiyaki Brown
- C2746A
≈ Peach Macaron
- A6893E
≈ Peanut Brittle
Triadico +120° +240°
- BA7D4C
Okonomiyaki Brown
- 37A18D
≈ Stamp Pad Green
- 957FC2
≈ Amethyst Grey
Complementare divisa +150° +210°
- BA7D4C
Okonomiyaki Brown
- 2A9DAD
≈ Riviera
- 738ACA
≈ Violets Are Blue
Tetradico +90° +180° +270°
- BA7D4C
Okonomiyaki Brown
- 609E6A
≈ Treelet
- 4C95C3
≈ Blue Paradise
- AE76AB
≈ Orchid Kiss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.42:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.12:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.12:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--okonomiyaki-brown: #ba7d4c;
--okonomiyaki-brown-rgb: 186 125 76;
--okonomiyaki-brown-oklch: oklch(0.642 0.1 58.5);
}
.element {
color: var(--okonomiyaki-brown);
background-color: hsl(27 44% 51%);
border-color: oklch(0.642 0.1 58.5);
}Tailwind CSS v4
@theme {
--color-okonomiyaki-brown: #ba7d4c;
--color-okonomiyaki-brown-50: #ffefd9;
--color-okonomiyaki-brown-100: #ffe1c7;
--color-okonomiyaki-brown-200: #f5cbaa;
--color-okonomiyaki-brown-300: #deac83;
--color-okonomiyaki-brown-400: #cb9061;
--color-okonomiyaki-brown-500: #b7743d;
--color-okonomiyaki-brown-600: #9a6335;
--color-okonomiyaki-brown-700: #7c4f2a;
--color-okonomiyaki-brown-800: #5c391d;
--color-okonomiyaki-brown-900: #412713;
--color-okonomiyaki-brown-950: #291505;
}SCSS
$okonomiyaki-brown: #ba7d4c;
$okonomiyaki-brown-rgb: 186, 125, 76;
$okonomiyaki-brown-light: mix(#fff, $okonomiyaki-brown, 20%);
$okonomiyaki-brown-dark: mix(#000, $okonomiyaki-brown, 20%);
.element {
color: $okonomiyaki-brown;
box-shadow: 0 0 0 2px rgba($okonomiyaki-brown, 0.35);
}