Colore con nome · #CC8654
Caramel Bar
Caramel Bar è #CC8654: rgb(204 134 84), hsl(25 54% 56%), oklch(0.681 0.108 55.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Caramel Bar color name →
#CC8654
oklch(0.681 0.108 55.3)
Conversioni di colore
- HEX
- #cc8654
- RGB
- rgb(204 134 84)
- HSL
- hsl(25 54% 56%)
- HWB
- hwb(25 33% 20%)
- OKLCH
- oklch(0.681 0.108 55.3)
- OKLab
- oklab(0.681 0.062 0.089)
- CIE Lab
- lab(62.56 23.99 38.2)
- LCH
- lch(62.56 45.11 57.9)
- CMYK
- cmyk(0% 34% 59% 20%)
Tinte · Ombre · Toni
Tinte
- D29266
- D79E77
- DDAA88
- E2B699
- E8C2AA
- EDCEBA
- F1DACB
- F6E7DD
- FBF3EE
Ombre
- B17448
- 97623C
- 7E5131
- 654026
- 4E301B
- 372111
- 221308
- 0F0602
- 020100
Toni
- C5865A
- BD865F
- B68564
- AE8569
- A7846D
- 9F8371
- 988375
- 908279
- 88817C
Armonie di colore
Complementare +180°
- CC8654
Caramel Bar
- 4CA3D2
≈ Blue Tango
Analogo -30° +30°
- CC8654
Caramel Bar
- D37D76
≈ Bite My Tongue
- B79342
≈ Roti
Triadico +120° +240°
- CC8654
Caramel Bar
- 3DAE95
≈ Hole in One
- 9E8BD5
≈ Middy’s Purple
Complementare divisa +150° +210°
- CC8654
Caramel Bar
- 27ACB9
≈ Placid Sea
- 7897DC
≈ Mystic Iris
Tetradico +90° +180° +270°
- CC8654
Caramel Bar
- 6CAB6F
≈ Happy Cricket
- 4CA3D2
≈ Blue Tango
- BB81BD
≈ Lavender Sweater
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.95:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.10:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.10:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--caramel-bar: #cc8654;
--caramel-bar-rgb: 204 134 84;
--caramel-bar-oklch: oklch(0.681 0.108 55.3);
}
.element {
color: var(--caramel-bar);
background-color: hsl(25 54% 56%);
border-color: oklch(0.681 0.108 55.3);
}Tailwind CSS v4
@theme {
--color-caramel-bar: #cc8654;
--color-caramel-bar-50: #ffeed8;
--color-caramel-bar-100: #ffe0c5;
--color-caramel-bar-200: #f9c9a7;
--color-caramel-bar-300: #e2aa80;
--color-caramel-bar-400: #d08d5e;
--color-caramel-bar-500: #bc7138;
--color-caramel-bar-600: #9f6031;
--color-caramel-bar-700: #804d26;
--color-caramel-bar-800: #5f371b;
--color-caramel-bar-900: #432612;
--color-caramel-bar-950: #2b1404;
}SCSS
$caramel-bar: #cc8654;
$caramel-bar-rgb: 204, 134, 84;
$caramel-bar-light: mix(#fff, $caramel-bar, 20%);
$caramel-bar-dark: mix(#000, $caramel-bar, 20%);
.element {
color: $caramel-bar;
box-shadow: 0 0 0 2px rgba($caramel-bar, 0.35);
}