Colore con nome · #938A2A
Potter Green
Potter Green è #938A2A: rgb(147 138 42), hsl(55 56% 37%), oklch(0.623 0.115 103.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Potter Green color name →
#938A2A
oklch(0.623 0.115 103.9)
Conversioni di colore
- HEX
- #938a2a
- RGB
- rgb(147 138 42)
- HSL
- hsl(55 56% 37%)
- HWB
- hwb(55 16% 42%)
- OKLCH
- oklch(0.623 0.115 103.9)
- OKLab
- oklab(0.623 -0.028 0.111)
- CIE Lab
- lab(56.93 -4.98 49.75)
- LCH
- lch(56.93 49.99 95.7)
- CMYK
- cmyk(0% 6% 71% 42%)
Tinte · Ombre · Toni
Tinte
- 9D9545
- A7A15B
- B2AD70
- BCB885
- C7C499
- D2D0AD
- DDDBC2
- E8E7D6
- F4F3EA
Ombre
- 7F7723
- 6C651C
- 595316
- 474210
- 36320A
- 252205
- 161402
- 080701
- 010100
Toni
- 918938
- 8F8843
- 8D884C
- 8B8755
- 89865D
- 878565
- 85846C
- 848273
- 82817A
Armonie di colore
Complementare +180°
- 938A2A
Potter Green
- 7F7DCA
≈ Ube
Analogo -30° +30°
- 938A2A
Potter Green
- B07B2A
≈ Release the Hounds
- 6A964C
≈ Lattice Green
Triadico +120° +240°
- 938A2A
Potter Green
- 0D95BA
≈ Blue Danube
- B76998
≈ Je t’aime
Complementare divisa +150° +210°
- 938A2A
Potter Green
- 538ACB
≈ Berlin Blue
- A071B7
≈ Purple Pride
Tetradico +90° +180° +270°
- 938A2A
Potter Green
- 009B9A
≈ Regula Barbara Blue
- 7F7DCA
≈ Ube
- C26872
≈ Watermelon Gelato
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.55:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.90:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.90:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--potter-green: #938a2a;
--potter-green-rgb: 147 138 42;
--potter-green-oklch: oklch(0.623 0.115 103.9);
}
.element {
color: var(--potter-green);
background-color: hsl(55 56% 37%);
border-color: oklch(0.623 0.115 103.9);
}Tailwind CSS v4
@theme {
--color-potter-green: #938a2a;
--color-potter-green-50: #f9f8d2;
--color-potter-green-100: #ecebbf;
--color-potter-green-200: #dad89f;
--color-potter-green-300: #bfbb75;
--color-potter-green-400: #aaa24b;
--color-potter-green-500: #938912;
--color-potter-green-600: #7d7415;
--color-potter-green-700: #645d11;
--color-potter-green-800: #4b4308;
--color-potter-green-900: #342f06;
--color-potter-green-950: #1f1b00;
}SCSS
$potter-green: #938a2a;
$potter-green-rgb: 147, 138, 42;
$potter-green-light: mix(#fff, $potter-green, 20%);
$potter-green-dark: mix(#000, $potter-green, 20%);
.element {
color: $potter-green;
box-shadow: 0 0 0 2px rgba($potter-green, 0.35);
}