Colore con nome · #C2A781
Pocket Watch
Pocket Watch è #C2A781: rgb(194 167 129), hsl(35 35% 63%), oklch(0.743 0.06 76). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Pocket Watch color name →
#C2A781
oklch(0.743 0.06 76)
Conversioni di colore
- HEX
- #c2a781
- RGB
- rgb(194 167 129)
- HSL
- hsl(35 35% 63%)
- HWB
- hwb(35 51% 24%)
- OKLCH
- oklch(0.743 0.06 76)
- OKLab
- oklab(0.743 0.015 0.059)
- CIE Lab
- lab(70.2 6.09 23.55)
- LCH
- lch(70.2 24.33 75.5)
- CMYK
- cmyk(0% 14% 34% 24%)
Tinte · Ombre · Toni
Tinte
- C8B08D
- CEB89A
- D4C1A6
- DACAB3
- E0D2BF
- E7DBCC
- EDE4D8
- F3EDE5
- F9F6F2
Ombre
- A8916F
- 8F7B5E
- 77664E
- 60523E
- 493E2E
- 342C1F
- 201A12
- 0E0A06
- 020101
Toni
- BBA381
- B59F81
- AE9B81
- A79781
- A19381
- 9A9081
- 938C81
- 8D8881
- 868480
Armonie di colore
Complementare +180°
- C2A781
Pocket Watch
- 93AED2
≈ Lazy Day
Analogo -30° +30°
- C2A781
Pocket Watch
- CDA08C
≈ Shiny Kettle
- B0AF82
≈ Lively Ivy
Triadico +120° +240°
- C2A781
Pocket Watch
- 7EB8B8
≈ Kingfisher Turquoise
- BBA0C6
≈ Beach Lilac
Complementare divisa +150° +210°
- C2A781
Pocket Watch
- 82B4C9
≈ Batch Blue
- A8A7D1
≈ Monastic
Tetradico +90° +180° +270°
- C2A781
Pocket Watch
- 87B8A3
≈ Indian Ocean
- 93AED2
≈ Lazy Day
- C99DB4
≈ Idyllic Pink
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.29:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.13:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.13:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--pocket-watch: #c2a781;
--pocket-watch-rgb: 194 167 129;
--pocket-watch-oklch: oklch(0.743 0.06 76);
}
.element {
color: var(--pocket-watch);
background-color: hsl(35 35% 63%);
border-color: oklch(0.743 0.06 76);
}Tailwind CSS v4
@theme {
--color-pocket-watch: #c2a781;
--color-pocket-watch-50: #fff3e2;
--color-pocket-watch-100: #f3e6d2;
--color-pocket-watch-200: #e3d2b8;
--color-pocket-watch-300: #c9b495;
--color-pocket-watch-400: #b39a76;
--color-pocket-watch-500: #9d8158;
--color-pocket-watch-600: #856d4b;
--color-pocket-watch-700: #6b573c;
--color-pocket-watch-800: #4f3f2b;
--color-pocket-watch-900: #372c1d;
--color-pocket-watch-950: #22190d;
}SCSS
$pocket-watch: #c2a781;
$pocket-watch-rgb: 194, 167, 129;
$pocket-watch-light: mix(#fff, $pocket-watch, 20%);
$pocket-watch-dark: mix(#000, $pocket-watch, 20%);
.element {
color: $pocket-watch;
box-shadow: 0 0 0 2px rgba($pocket-watch, 0.35);
}