Colore con nome · #64BE9F
Peppermint Fresh
Peppermint Fresh è #64BE9F: rgb(100 190 159), hsl(159 41% 57%), oklch(0.737 0.099 168.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Peppermint Fresh color name →
#64BE9F
oklch(0.737 0.099 168.9)
Conversioni di colore
- HEX
- #64be9f
- RGB
- rgb(100 190 159)
- HSL
- hsl(159 41% 57%)
- HWB
- hwb(159 39% 25%)
- OKLCH
- oklch(0.737 0.099 168.9)
- OKLab
- oklab(0.737 -0.097 0.019)
- CIE Lab
- lab(70.77 -33.89 6.96)
- LCH
- lch(70.77 34.6 168.4)
- CMYK
- cmyk(47% 0% 16% 25%)
Tinte · Ombre · Toni
Tinte
- 76C5A8
- 86CBB2
- 96D2BB
- A6D8C4
- B5DFCE
- C4E5D8
- D3ECE1
- E2F2EB
- F0F9F5
Ombre
- 56A58A
- 488C75
- 3B7561
- 2E5E4D
- 22483B
- 163329
- 0B1F18
- 030D09
- 000201
Toni
- 69B89C
- 6DB299
- 71AB96
- 74A593
- 779F8F
- 79998C
- 7C9389
- 7D8C86
- 7F8683
Armonie di colore
Complementare +180°
- 64BE9F
Peppermint Fresh
- D990B4
≈ High Maintenance
Analogo -30° +30°
- 64BE9F
Peppermint Fresh
- 8AB97C
≈ Flavoparmelia Caperata
- 50BDC1
≈ Pharaoh’s Seas
Triadico +120° +240°
- 64BE9F
Peppermint Fresh
- A7A0E4
≈ Dull Lavender
- DD9771
≈ Baked Salmon
Complementare divisa +150° +210°
- 64BE9F
Peppermint Fresh
- C596D2
≈ Mauve Mist
- E19091
≈ Fresh Pink
Tetradico +90° +180° +270°
- 64BE9F
Peppermint Fresh
- 84ABE8
≈ Queer Blue
- D990B4
≈ High Maintenance
- CBA25F
≈ Sunrise Heat
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.23:1 · APCA Lc 44
Ag
AAASu nero
WCAG 9.40:1 · APCA Lc 58
Miglior colore del testo: #000000
WCAG 9.40:1 (AAA) · APCA Lc 58
Contrast pairs
Frammenti di codice
CSS
:root {
--peppermint-fresh: #64be9f;
--peppermint-fresh-rgb: 100 190 159;
--peppermint-fresh-oklch: oklch(0.737 0.099 168.9);
}
.element {
color: var(--peppermint-fresh);
background-color: hsl(159 41% 57%);
border-color: oklch(0.737 0.099 168.9);
}Tailwind CSS v4
@theme {
--color-peppermint-fresh: #64be9f;
--color-peppermint-fresh-50: #dafff1;
--color-peppermint-fresh-100: #c8f3e3;
--color-peppermint-fresh-200: #aae3cf;
--color-peppermint-fresh-300: #82c8b1;
--color-peppermint-fresh-400: #5db194;
--color-peppermint-fresh-500: #2f9b7b;
--color-peppermint-fresh-600: #2a8368;
--color-peppermint-fresh-700: #226953;
--color-peppermint-fresh-800: #184d3b;
--color-peppermint-fresh-900: #103628;
--color-peppermint-fresh-950: #022116;
}SCSS
$peppermint-fresh: #64be9f;
$peppermint-fresh-rgb: 100, 190, 159;
$peppermint-fresh-light: mix(#fff, $peppermint-fresh, 20%);
$peppermint-fresh-dark: mix(#000, $peppermint-fresh, 20%);
.element {
color: $peppermint-fresh;
box-shadow: 0 0 0 2px rgba($peppermint-fresh, 0.35);
}