Colore con nome · #765C52
Picador
Picador è #765C52: rgb(118 92 82), hsl(17 18% 39%), oklch(0.498 0.038 42.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Picador color name →
#765C52
oklch(0.498 0.038 42.1)
Conversioni di colore
- HEX
- #765c52
- RGB
- rgb(118 92 82)
- HSL
- hsl(17 18% 39%)
- HWB
- hwb(17 32% 54%)
- OKLCH
- oklch(0.498 0.038 42.1)
- OKLab
- oklab(0.498 0.028 0.025)
- CIE Lab
- lab(41.56 9.79 10.05)
- LCH
- lch(41.56 14.03 45.7)
- CMYK
- cmyk(0% 22% 31% 54%)
Tinte · Ombre · Toni
Tinte
- 836B62
- 907A72
- 9E8A82
- AB9A93
- B9AAA4
- C7BBB6
- D4CBC8
- E3DCDA
- F1EEEC
Ombre
- 664F46
- 56423B
- 47362F
- 382A25
- 291F1A
- 1C1411
- 0F0A08
- 050302
- 010000
Toni
- 776057
- 78635B
- 796760
- 7A6A64
- 7B6E69
- 7C726D
- 7D7572
- 7E7977
- 7F7C7B
Armonie di colore
Complementare +180°
- 765C52
Picador
- 4B6872
≈ Azalea Leaf
Analogo -30° +30°
- 765C52
Picador
- 775A5D
≈ Falcon Wing
- 70604B
≈ Midnight Brown
Triadico +120° +240°
- 765C52
Picador
- 506A5C
≈ Kale Green
- 5F6078
≈ Twilight Dusk
Complementare divisa +150° +210°
- 765C52
Picador
- 496A68
≈ Deep Rift
- 536478
≈ Prairie Denim
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.13:1 · APCA Lc 81
Ag
FailSu nero
WCAG 3.42:1 · APCA Lc 21
Miglior colore del testo: #FFFFFF
WCAG 6.13:1 (AA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--picador: #765c52;
--picador-rgb: 118 92 82;
--picador-oklch: oklch(0.498 0.038 42.1);
}
.element {
color: var(--picador);
background-color: hsl(17 18% 39%);
border-color: oklch(0.498 0.038 42.1);
}Tailwind CSS v4
@theme {
--color-picador: #765c52;
--color-picador-50: #fff2ed;
--color-picador-100: #f4e4de;
--color-picador-200: #e3d0c7;
--color-picador-300: #c9b2a8;
--color-picador-400: #b3988d;
--color-picador-500: #9d7e73;
--color-picador-600: #846b61;
--color-picador-700: #6a564e;
--color-picador-800: #4e3e39;
--color-picador-900: #362b27;
--color-picador-950: #211815;
}SCSS
$picador: #765c52;
$picador-rgb: 118, 92, 82;
$picador-light: mix(#fff, $picador, 20%);
$picador-dark: mix(#000, $picador, 20%);
.element {
color: $picador;
box-shadow: 0 0 0 2px rgba($picador, 0.35);
}