Colore con nome · #ABF4D2
Mintie
Mintie è #ABF4D2: rgb(171 244 210), hsl(152 77% 81%), oklch(0.91 0.086 164). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mintie color name →
#ABF4D2
oklch(0.91 0.086 164)
Conversioni di colore
- HEX
- #abf4d2
- RGB
- rgb(171 244 210)
- HSL
- hsl(152 77% 81%)
- HWB
- hwb(152 67% 4%)
- OKLCH
- oklch(0.91 0.086 164)
- OKLab
- oklab(0.91 -0.083 0.024)
- CIE Lab
- lab(90.7 -28.77 8.86)
- LCH
- lch(90.7 30.1 162.9)
- CMYK
- cmyk(30% 0% 14% 4%)
Tinte · Ombre · Toni
Tinte
- B4F5D6
- BDF6DB
- C6F8DF
- CEF9E4
- D7FAE8
- DFFBED
- E7FCF1
- EFFDF6
- F7FEFA
Ombre
- 94D4B6
- 7EB59B
- 689781
- 547A68
- 405E50
- 2D4439
- 1B2B24
- 0B1410
- 010302
Toni
- A7E8CA
- A3DCC1
- 9FD0B9
- 9BC4B0
- 97B9A8
- 93ADA0
- 8EA298
- 8A9690
- 858B88
Armonie di colore
Complementare +180°
- ABF4D2
Mintie
- FFD2EB
≈ Pink Currant
Analogo -30° +30°
- ABF4D2
Mintie
- CAEFB4
≈ Imbued With Mint
- 9AF4F2
≈ Hydro Cannon
Triadico +120° +240°
- ABF4D2
Mintie
- DDDEFF
≈ Contrail
- FFD8C7
≈ Camisole
Complementare divisa +150° +210°
- ABF4D2
Mintie
- F1D6FF
≈ Lavender Savour
- FFD5D8
≈ We Peep
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASu nero
WCAG 16.60:1 · APCA Lc 91
Miglior colore del testo: #000000
WCAG 16.60:1 (AAA) · APCA Lc 91
Contrast pairs
Frammenti di codice
CSS
:root {
--mintie: #abf4d2;
--mintie-rgb: 171 244 210;
--mintie-oklch: oklch(0.91 0.086 164);
}
.element {
color: var(--mintie);
background-color: hsl(152 77% 81%);
border-color: oklch(0.91 0.086 164);
}Tailwind CSS v4
@theme {
--color-mintie: #abf4d2;
--color-mintie-50: #dffeef;
--color-mintie-100: #cef2e1;
--color-mintie-200: #b2e1cc;
--color-mintie-300: #8dc6ad;
--color-mintie-400: #6caf91;
--color-mintie-500: #489877;
--color-mintie-600: #3e8165;
--color-mintie-700: #316750;
--color-mintie-800: #234c39;
--color-mintie-900: #183527;
--color-mintie-950: #082015;
}SCSS
$mintie: #abf4d2;
$mintie-rgb: 171, 244, 210;
$mintie-light: mix(#fff, $mintie, 20%);
$mintie-dark: mix(#000, $mintie, 20%);
.element {
color: $mintie;
box-shadow: 0 0 0 2px rgba($mintie, 0.35);
}