Colore con nome · #765143
Toasted Pecan
Toasted Pecan è #765143: rgb(118 81 67), hsl(16 28% 36%), oklch(0.471 0.055 41.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Toasted Pecan color name →
#765143
oklch(0.471 0.055 41.6)
Conversioni di colore
- HEX
- #765143
- RGB
- rgb(118 81 67)
- HSL
- hsl(16 28% 36%)
- HWB
- hwb(16 26% 54%)
- OKLCH
- oklch(0.471 0.055 41.6)
- OKLab
- oklab(0.471 0.041 0.036)
- CIE Lab
- lab(38.32 14.59 14.79)
- LCH
- lch(38.32 20.78 45.4)
- CMYK
- cmyk(0% 31% 43% 54%)
Tinte · Ombre · Toni
Tinte
- 836154
- 917166
- 9E8277
- AC938A
- B9A49C
- C7B6AF
- D5C8C3
- E3DAD7
- F1ECEB
Ombre
- 664539
- 563A2F
- 472F26
- 38241D
- 291A14
- 1C100C
- 0F0705
- 050201
- 010000
Toni
- 775649
- 795A4F
- 7A5F55
- 7B645B
- 7C6961
- 7D6D67
- 7E726D
- 7F7774
- 7F7B7A
Armonie di colore
Complementare +180°
- 765143
Toasted Pecan
- 366271
≈ Bermudan Blue
Analogo -30° +30°
- 765143
Toasted Pecan
- 774E53
≈ Rule Breaker
- 6F5638
≈ Rustic Cabin
Triadico +120° +240°
- 765143
Toasted Pecan
- 3E6552
≈ Serbian Green
- 56587A
≈ Blue Glaze
Complementare divisa +150° +210°
- 765143
Toasted Pecan
- 326563
≈ Strong Sage
- 445D79
≈ Stream
Tetradico +90° +180° +270°
- 765143
Toasted Pecan
- 506241
≈ Cub Scout
- 366271
≈ Bermudan Blue
- 655272
≈ Rich Texture
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.93:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.02:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--toasted-pecan: #765143;
--toasted-pecan-rgb: 118 81 67;
--toasted-pecan-oklch: oklch(0.471 0.055 41.6);
}
.element {
color: var(--toasted-pecan);
background-color: hsl(16 28% 36%);
border-color: oklch(0.471 0.055 41.6);
}Tailwind CSS v4
@theme {
--color-toasted-pecan: #765143;
--color-toasted-pecan-50: #fff1e9;
--color-toasted-pecan-100: #f9e3da;
--color-toasted-pecan-200: #eacdc2;
--color-toasted-pecan-300: #d1afa1;
--color-toasted-pecan-400: #bb9486;
--color-toasted-pecan-500: #a67a6a;
--color-toasted-pecan-600: #8c685a;
--color-toasted-pecan-700: #715348;
--color-toasted-pecan-800: #533c34;
--color-toasted-pecan-900: #3a2924;
--color-toasted-pecan-950: #241712;
}SCSS
$toasted-pecan: #765143;
$toasted-pecan-rgb: 118, 81, 67;
$toasted-pecan-light: mix(#fff, $toasted-pecan, 20%);
$toasted-pecan-dark: mix(#000, $toasted-pecan, 20%);
.element {
color: $toasted-pecan;
box-shadow: 0 0 0 2px rgba($toasted-pecan, 0.35);
}