Colore con nome · #B3715D
Caramel Candy
Caramel Candy è #B3715D: rgb(179 113 93), hsl(14 36% 53%), oklch(0.614 0.089 37.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Caramel Candy color name →
#B3715D
oklch(0.614 0.089 37.6)
Conversioni di colore
- HEX
- #b3715d
- RGB
- rgb(179 113 93)
- HSL
- hsl(14 36% 53%)
- HWB
- hwb(14 36% 30%)
- OKLCH
- oklch(0.614 0.089 37.6)
- OKLab
- oklab(0.614 0.071 0.055)
- CIE Lab
- lab(54.59 25.19 22.57)
- LCH
- lch(54.59 33.82 41.9)
- CMYK
- cmyk(0% 37% 48% 30%)
Tinte · Ombre · Toni
Tinte
- BB7F6C
- C38D7C
- CB9B8C
- D3A99C
- DBB7AC
- E2C5BC
- EAD3CC
- F1E2DD
- F8F0EE
Ombre
- 9B6150
- 845243
- 6E4337
- 58352A
- 43271F
- 2F1A14
- 1D0E0A
- 0C0403
- 010100
Toni
- AE7361
- AA7565
- A57668
- A0786C
- 9B796F
- 967B73
- 917C76
- 8B7E79
- 867F7D
Armonie di colore
Complementare +180°
- B3715D
Caramel Candy
- 3991A8
≈ Blue Moon
Analogo -30° +30°
- B3715D
Caramel Candy
- B36D7B
≈ Rose Gold
- A87A46
≈ Driftwood
Triadico +120° +240°
- B3715D
Caramel Candy
- 53956F
≈ DaVanzo Green
- 777FBA
≈ Astro Zinger
Complementare divisa +150° +210°
- B3715D
Caramel Candy
- 35968E
≈ Azure Tide
- 5789B8
≈ Dazzle
Tetradico +90° +180° +270°
- B3715D
Caramel Candy
- 758F53
≈ Forest Bound
- 3991A8
≈ Blue Moon
- 9376AE
≈ Romantic Moment
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.86:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.43:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--caramel-candy: #b3715d;
--caramel-candy-rgb: 179 113 93;
--caramel-candy-oklch: oklch(0.614 0.089 37.6);
}
.element {
color: var(--caramel-candy);
background-color: hsl(14 36% 53%);
border-color: oklch(0.614 0.089 37.6);
}Tailwind CSS v4
@theme {
--color-caramel-candy: #b3715d;
--color-caramel-candy-50: #ffede2;
--color-caramel-candy-100: #ffdfd2;
--color-caramel-candy-200: #f7c8b8;
--color-caramel-candy-300: #e0a895;
--color-caramel-candy-400: #cd8c78;
--color-caramel-candy-500: #b9705a;
--color-caramel-candy-600: #9c5f4d;
--color-caramel-candy-700: #7d4c3d;
--color-caramel-candy-800: #5d372d;
--color-caramel-candy-900: #41251e;
--color-caramel-candy-950: #2a140e;
}SCSS
$caramel-candy: #b3715d;
$caramel-candy-rgb: 179, 113, 93;
$caramel-candy-light: mix(#fff, $caramel-candy, 20%);
$caramel-candy-dark: mix(#000, $caramel-candy, 20%);
.element {
color: $caramel-candy;
box-shadow: 0 0 0 2px rgba($caramel-candy, 0.35);
}