Colore con nome · #B6A180
Montecito
Montecito è #B6A180: rgb(182 161 128), hsl(37 27% 61%), oklch(0.719 0.052 79). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Montecito color name →
#B6A180
oklch(0.719 0.052 79)
Conversioni di colore
- HEX
- #b6a180
- RGB
- rgb(182 161 128)
- HSL
- hsl(37 27% 61%)
- HWB
- hwb(37 50% 29%)
- OKLCH
- oklch(0.719 0.052 79)
- OKLab
- oklab(0.719 0.01 0.051)
- CIE Lab
- lab(67.48 4.22 20.22)
- LCH
- lch(67.48 20.65 78.2)
- CMYK
- cmyk(0% 12% 30% 29%)
Tinte · Ombre · Toni
Tinte
- BDAA8C
- C4B399
- CCBDA5
- D3C6B2
- DACFBE
- E1D9CB
- E9E2D8
- F0ECE5
- F8F5F2
Ombre
- 9E8B6E
- 86765D
- 6F624D
- 594E3D
- 443C2E
- 302A1F
- 1D1912
- 0C0906
- 020101
Toni
- B09E80
- AB9A80
- A69781
- A09481
- 9B9081
- 958D81
- 908A81
- 8B8780
- 858380
Armonie di colore
Complementare +180°
- B6A180
Montecito
- 91A6C5
≈ Frills
Analogo -30° +30°
- B6A180
Montecito
- C09B88
≈ Chestnut Bisque
- A6A782
≈ Rejuvenation
Triadico +120° +240°
- B6A180
Montecito
- 7EAFB0
≈ Galaxy Green
- B39AB9
≈ Grape Smoke
Complementare divisa +150° +210°
- B6A180
Montecito
- 83ABBE
≈ Summerhouse Blue
- A39FC3
≈ Opulent Violet
Tetradico +90° +180° +270°
- B6A180
Montecito
- 85AF9F
≈ Le Max
- 91A6C5
≈ Frills
- BE98A9
≈ Classy Mauve
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.39:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.39:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--montecito: #b6a180;
--montecito-rgb: 182 161 128;
--montecito-oklch: oklch(0.719 0.052 79);
}
.element {
color: var(--montecito);
background-color: hsl(37 27% 61%);
border-color: oklch(0.719 0.052 79);
}Tailwind CSS v4
@theme {
--color-montecito: #b6a180;
--color-montecito-50: #fdf4e5;
--color-montecito-100: #f1e7d5;
--color-montecito-200: #e0d2bc;
--color-montecito-300: #c5b59a;
--color-montecito-400: #af9b7c;
--color-montecito-500: #99835f;
--color-montecito-600: #816f51;
--color-montecito-700: #685840;
--color-montecito-800: #4d402e;
--color-montecito-900: #352c1f;
--color-montecito-950: #20190f;
}SCSS
$montecito: #b6a180;
$montecito-rgb: 182, 161, 128;
$montecito-light: mix(#fff, $montecito, 20%);
$montecito-dark: mix(#000, $montecito, 20%);
.element {
color: $montecito;
box-shadow: 0 0 0 2px rgba($montecito, 0.35);
}