Colore con nome · #8C6342
Caramel Latte
Caramel Latte è #8C6342: rgb(140 99 66), hsl(27 36% 40%), oklch(0.535 0.071 59.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Caramel Latte color name →
#8C6342
oklch(0.535 0.071 59.3)
Conversioni di colore
- HEX
- #8c6342
- RGB
- rgb(140 99 66)
- HSL
- hsl(27 36% 40%)
- HWB
- hwb(27 26% 45%)
- OKLCH
- oklch(0.535 0.071 59.3)
- OKLab
- oklab(0.535 0.036 0.061)
- CIE Lab
- lab(45.78 14.16 25.6)
- LCH
- lch(45.78 29.25 61)
- CMYK
- cmyk(0% 29% 53% 45%)
Tinte · Ombre · Toni
Tinte
- 977254
- A38166
- AE9078
- BA9F8B
- C5AF9D
- D1BEB0
- DCCEC4
- E8DED7
- F3EFEB
Ombre
- 795538
- 67472F
- 553A25
- 432E1C
- 332114
- 23160B
- 140B05
- 070301
- 010000
Toni
- 8B6649
- 8A694F
- 896C56
- 886F5C
- 877262
- 867568
- 84786E
- 837A74
- 827D7A
Armonie di colore
Complementare +180°
- 8C6342
Caramel Latte
- 447392
≈ Harbour Blue
Analogo -30° +30°
- 8C6342
Caramel Latte
- 925D55
≈ Copper Mining
- 7E6B3A
≈ By Gum
Triadico +120° +240°
- 8C6342
Caramel Latte
- 387B6E
≈ Pearl Green
- 736491
≈ Purple Grapes
Complementare divisa +150° +210°
- 8C6342
Caramel Latte
- 337983
≈ Panorama
- 5C6B97
≈ Moonshade
Tetradico +90° +180° +270°
- 8C6342
Caramel Latte
- 4F7957
≈ Como
- 447392
≈ Harbour Blue
- 845E81
≈ Trendy Pink
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.27:1 · APCA Lc 76
Ag
FailSu nero
WCAG 3.97:1 · APCA Lc 26
Miglior colore del testo: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--caramel-latte: #8c6342;
--caramel-latte-rgb: 140 99 66;
--caramel-latte-oklch: oklch(0.535 0.071 59.3);
}
.element {
color: var(--caramel-latte);
background-color: hsl(27 36% 40%);
border-color: oklch(0.535 0.071 59.3);
}Tailwind CSS v4
@theme {
--color-caramel-latte: #8c6342;
--color-caramel-latte-50: #fff1e1;
--color-caramel-latte-100: #fae3d0;
--color-caramel-latte-200: #ebceb6;
--color-caramel-latte-300: #d3b093;
--color-caramel-latte-400: #be9574;
--color-caramel-latte-500: #aa7b55;
--color-caramel-latte-600: #8f6849;
--color-caramel-latte-700: #73533a;
--color-caramel-latte-800: #553c29;
--color-caramel-latte-900: #3c291c;
--color-caramel-latte-950: #25170c;
}SCSS
$caramel-latte: #8c6342;
$caramel-latte-rgb: 140, 99, 66;
$caramel-latte-light: mix(#fff, $caramel-latte, 20%);
$caramel-latte-dark: mix(#000, $caramel-latte, 20%);
.element {
color: $caramel-latte;
box-shadow: 0 0 0 2px rgba($caramel-latte, 0.35);
}