Colore con nome · #B2967E
Cobbler Shop
Cobbler Shop è #B2967E: rgb(178 150 126), hsl(28 25% 60%), oklch(0.692 0.048 62.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Cobbler Shop color name →
#B2967E
oklch(0.692 0.048 62.5)
Conversioni di colore
- HEX
- #b2967e
- RGB
- rgb(178 150 126)
- HSL
- hsl(28 25% 60%)
- HWB
- hwb(28 49% 30%)
- OKLCH
- oklch(0.692 0.048 62.5)
- OKLab
- oklab(0.692 0.022 0.042)
- CIE Lab
- lab(64.19 8.09 16.8)
- LCH
- lch(64.19 18.65 64.3)
- CMYK
- cmyk(0% 16% 29% 30%)
Tinte · Ombre · Toni
Tinte
- BAA08A
- C1AA97
- C9B5A3
- D1BFB0
- D8C9BD
- E0D4CA
- E8DFD7
- EFE9E4
- F7F4F2
Ombre
- 9A826D
- 836E5C
- 6D5B4C
- 57493C
- 43372D
- 2F261F
- 1D1611
- 0C0805
- 010101
Toni
- AD947E
- A8927F
- A38F7F
- 9E8D7F
- 998B7F
- 948980
- 8F8780
- 8A8480
- 858280
Armonie di colore
Complementare +180°
- B2967E
Cobbler Shop
- 83A0B8
≈ Lake Okoboji
Analogo -30° +30°
- B2967E
Cobbler Shop
- B89289
≈ Mauve Blush
- A69C7B
≈ Mohalla
Triadico +120° +240°
- B2967E
Cobbler Shop
- 7BA69E
≈ Scenario
- A195B5
≈ Heirloom Lilac
Complementare divisa +150° +210°
- B2967E
Cobbler Shop
- 7AA4AD
≈ Seascape
- 929BBA
≈ Thistle Down
Tetradico +90° +180° +270°
- B2967E
Cobbler Shop
- 86A58E
≈ Envy
- 83A0B8
≈ Lake Okoboji
- AF92A9
≈ London Hue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.77:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.55:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.55:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--cobbler-shop: #b2967e;
--cobbler-shop-rgb: 178 150 126;
--cobbler-shop-oklch: oklch(0.692 0.048 62.5);
}
.element {
color: var(--cobbler-shop);
background-color: hsl(28 25% 60%);
border-color: oklch(0.692 0.048 62.5);
}Tailwind CSS v4
@theme {
--color-cobbler-shop: #b2967e;
--color-cobbler-shop-50: #fff3e7;
--color-cobbler-shop-100: #f4e5d8;
--color-cobbler-shop-200: #e3d1c0;
--color-cobbler-shop-300: #c9b39f;
--color-cobbler-shop-400: #b39982;
--color-cobbler-shop-500: #9d8066;
--color-cobbler-shop-600: #856c56;
--color-cobbler-shop-700: #6b5645;
--color-cobbler-shop-800: #4f3f32;
--color-cobbler-shop-900: #372b22;
--color-cobbler-shop-950: #221811;
}SCSS
$cobbler-shop: #b2967e;
$cobbler-shop-rgb: 178, 150, 126;
$cobbler-shop-light: mix(#fff, $cobbler-shop, 20%);
$cobbler-shop-dark: mix(#000, $cobbler-shop, 20%);
.element {
color: $cobbler-shop;
box-shadow: 0 0 0 2px rgba($cobbler-shop, 0.35);
}