Colore con nome · #C56A3D
Peach Caramel
Peach Caramel è #C56A3D: rgb(197 106 61), hsl(20 54% 51%), oklch(0.621 0.13 45.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Peach Caramel color name →
#C56A3D
oklch(0.621 0.13 45.6)
Conversioni di colore
- HEX
- #c56a3d
- RGB
- rgb(197 106 61)
- HSL
- hsl(20 54% 51%)
- HWB
- hwb(20 24% 23%)
- OKLCH
- oklch(0.621 0.13 45.6)
- OKLab
- oklab(0.621 0.091 0.093)
- CIE Lab
- lab(55.11 34.4 41.47)
- LCH
- lch(55.11 53.88 50.3)
- CMYK
- cmyk(0% 46% 69% 23%)
Tinte · Ombre · Toni
Tinte
- CC7952
- D38865
- D99778
- E0A68B
- E6B59E
- EBC3B1
- F1D2C5
- F6E1D8
- FBF0EB
Ombre
- AB5B34
- 924D2B
- 793F22
- 61311A
- 4B2412
- 35180A
- 210D04
- 0E0401
- 020000
Toni
- BF6D46
- B8704E
- B27355
- AB755C
- A57762
- 9E7969
- 977B6F
- 8F7D75
- 887F7A
Armonie di colore
Complementare +180°
- C56A3D
Peach Caramel
- 0094BC
≈ Blue Danube
Analogo -30° +30°
- C56A3D
Peach Caramel
- C8626C
≈ Triple Berry
- B37902
≈ Golden Brown
Triadico +120° +240°
- C56A3D
Peach Caramel
- 009E73
≈ Free Speech Aquamarine
- 8079D1
≈ Kickstart Purple
Complementare divisa +150° +210°
- C56A3D
Peach Caramel
- 009A9B
≈ Regula Barbara Blue
- 4D88D3
≈ Berlin Blue
Tetradico +90° +180° +270°
- C56A3D
Peach Caramel
- 619743
≈ Bredon Green
- 0094BC
≈ Blue Danube
- A46CBB
≈ Soft Purple
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.81:1 · APCA Lc 65
Ag
AASu nero
WCAG 5.50:1 · APCA Lc 36
Miglior colore del testo: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Frammenti di codice
CSS
:root {
--peach-caramel: #c56a3d;
--peach-caramel-rgb: 197 106 61;
--peach-caramel-oklch: oklch(0.621 0.13 45.6);
}
.element {
color: var(--peach-caramel);
background-color: hsl(20 54% 51%);
border-color: oklch(0.621 0.13 45.6);
}Tailwind CSS v4
@theme {
--color-peach-caramel: #c56a3d;
--color-peach-caramel-50: #ffebd6;
--color-peach-caramel-100: #ffdcc3;
--color-peach-caramel-200: #ffc4a4;
--color-peach-caramel-300: #eea37c;
--color-peach-caramel-400: #dd845a;
--color-peach-caramel-500: #ca6632;
--color-peach-caramel-600: #ab572c;
--color-peach-caramel-700: #894523;
--color-peach-caramel-800: #663119;
--color-peach-caramel-900: #482110;
--color-peach-caramel-950: #2f1004;
}SCSS
$peach-caramel: #c56a3d;
$peach-caramel-rgb: 197, 106, 61;
$peach-caramel-light: mix(#fff, $peach-caramel, 20%);
$peach-caramel-dark: mix(#000, $peach-caramel, 20%);
.element {
color: $peach-caramel;
box-shadow: 0 0 0 2px rgba($peach-caramel, 0.35);
}