Colore con nome · #934337
Persimmon Juice
Persimmon Juice è #934337: rgb(147 67 55), hsl(8 46% 40%), oklch(0.484 0.111 30.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Persimmon Juice color name →
#934337
oklch(0.484 0.111 30.3)
Conversioni di colore
- HEX
- #934337
- RGB
- rgb(147 67 55)
- HSL
- hsl(8 46% 40%)
- HWB
- hwb(8 22% 42%)
- OKLCH
- oklch(0.484 0.111 30.3)
- OKLab
- oklab(0.484 0.096 0.056)
- CIE Lab
- lab(39.15 33.74 24.17)
- LCH
- lch(39.15 41.5 35.6)
- CMYK
- cmyk(0% 54% 63% 42%)
Tinte · Ombre · Toni
Tinte
- 9F564A
- AB685C
- B67A70
- C18C83
- CC9F97
- D7B2AB
- E1C5BF
- EBD8D4
- F5EBE9
Ombre
- 7F392E
- 6C2F26
- 59261E
- 471D16
- 36140F
- 250C08
- 160503
- 080101
- 010000
Toni
- 924A3F
- 915146
- 90574D
- 8E5D55
- 8D635C
- 8B6963
- 896F6A
- 867572
- 837A79
Armonie di colore
Complementare +180°
- 934337
Persimmon Juice
- 006B79
≈ Mary Blue
Analogo -30° +30°
- 934337
Persimmon Juice
- 8F405C
≈ Putnam Plum
- 8B4D06
≈ Parasite Brown
Triadico +120° +240°
- 934337
Persimmon Juice
- 24703C
≈ Cloudy Camouflage
- 475A9D
≈ Purple Frenzy
Complementare divisa +150° +210°
- 934337
Persimmon Juice
- 006F61
≈ Falcon Turquoise
- 026597
≈ Wavy Navy
Tetradico +90° +180° +270°
- 934337
Persimmon Juice
- 57670B
≈ Forestial Outpost
- 006B79
≈ Mary Blue
- 694E93
≈ Parfait d’Amour
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.77:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.09:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.77:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--persimmon-juice: #934337;
--persimmon-juice-rgb: 147 67 55;
--persimmon-juice-oklch: oklch(0.484 0.111 30.3);
}
.element {
color: var(--persimmon-juice);
background-color: hsl(8 46% 40%);
border-color: oklch(0.484 0.111 30.3);
}Tailwind CSS v4
@theme {
--color-persimmon-juice: #934337;
--color-persimmon-juice-50: #ffeae1;
--color-persimmon-juice-100: #ffdbd1;
--color-persimmon-juice-200: #ffc4b7;
--color-persimmon-juice-300: #eaa394;
--color-persimmon-juice-400: #d88577;
--color-persimmon-juice-500: #c56759;
--color-persimmon-juice-600: #a6584b;
--color-persimmon-juice-700: #85463c;
--color-persimmon-juice-800: #63322c;
--color-persimmon-juice-900: #46221e;
--color-persimmon-juice-950: #2d110e;
}SCSS
$persimmon-juice: #934337;
$persimmon-juice-rgb: 147, 67, 55;
$persimmon-juice-light: mix(#fff, $persimmon-juice, 20%);
$persimmon-juice-dark: mix(#000, $persimmon-juice, 20%);
.element {
color: $persimmon-juice;
box-shadow: 0 0 0 2px rgba($persimmon-juice, 0.35);
}