Colore con nome · #A3EFB8
Ultra Mint
Ultra Mint è #A3EFB8: rgb(163 239 184), hsl(137 70% 79%), oklch(0.888 0.107 152.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Ultra Mint color name →
#A3EFB8
oklch(0.888 0.107 152.5)
Conversioni di colore
- HEX
- #a3efb8
- RGB
- rgb(163 239 184)
- HSL
- hsl(137 70% 79%)
- HWB
- hwb(137 64% 6%)
- OKLCH
- oklch(0.888 0.107 152.5)
- OKLab
- oklab(0.888 -0.095 0.049)
- CIE Lab
- lab(88.42 -32.73 18.93)
- LCH
- lch(88.42 37.81 150)
- CMYK
- cmyk(32% 0% 23% 6%)
Tinte · Ombre · Toni
Tinte
- ADF1BF
- B7F3C6
- C0F4CD
- CAF6D4
- D3F8DC
- DCF9E3
- E5FBEA
- EEFCF1
- F6FEF8
Ombre
- 8DD0A0
- 78B188
- 639471
- 4F785B
- 3C5C45
- 2A4231
- 192A1E
- 0A140C
- 010302
Toni
- A0E3B2
- 9DD8AD
- 9ACDA7
- 97C1A2
- 93B69C
- 90AB96
- 8CA091
- 88958B
- 848B86
Armonie di colore
Complementare +180°
- A3EFB8
Ultra Mint
- FFC4F5
≈ Rosy Maple Moth
Analogo -30° +30°
- A3EFB8
Ultra Mint
- CDE696
≈ Crystal Apple
- 81F1E0
≈ Tiffany Blue
Triadico +120° +240°
- A3EFB8
Ultra Mint
- CDD9FF
≈ Icy Plains
- FFCDC2
≈ Crystal Coral
Complementare divisa +150° +210°
- A3EFB8
Ultra Mint
- E2D0FF
≈ Pale Lavender
- FFCAD6
≈ Flower Spell
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.34:1 · APCA Lc 17
Ag
AAASu nero
WCAG 15.59:1 · APCA Lc 87
Miglior colore del testo: #000000
WCAG 15.59:1 (AAA) · APCA Lc 87
Contrast pairs
Frammenti di codice
CSS
:root {
--ultra-mint: #a3efb8;
--ultra-mint-rgb: 163 239 184;
--ultra-mint-oklch: oklch(0.888 0.107 152.5);
}
.element {
color: var(--ultra-mint);
background-color: hsl(137 70% 79%);
border-color: oklch(0.888 0.107 152.5);
}Tailwind CSS v4
@theme {
--color-ultra-mint: #a3efb8;
--color-ultra-mint-50: #deffe8;
--color-ultra-mint-100: #cdf3d8;
--color-ultra-mint-200: #b1e2c0;
--color-ultra-mint-300: #8bc89f;
--color-ultra-mint-400: #6bb180;
--color-ultra-mint-500: #469a63;
--color-ultra-mint-600: #3d8254;
--color-ultra-mint-700: #306843;
--color-ultra-mint-800: #244d2e;
--color-ultra-mint-900: #18351f;
--color-ultra-mint-950: #08200f;
}SCSS
$ultra-mint: #a3efb8;
$ultra-mint-rgb: 163, 239, 184;
$ultra-mint-light: mix(#fff, $ultra-mint, 20%);
$ultra-mint-dark: mix(#000, $ultra-mint, 20%);
.element {
color: $ultra-mint;
box-shadow: 0 0 0 2px rgba($ultra-mint, 0.35);
}