Colore con nome · #A9CEAA
Mint Circle
Mint Circle è #A9CEAA: rgb(169 206 170), hsl(122 27% 74%), oklch(0.815 0.064 145.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mint Circle color name →
#A9CEAA
oklch(0.815 0.064 145.7)
Conversioni di colore
- HEX
- #a9ceaa
- RGB
- rgb(169 206 170)
- HSL
- hsl(122 27% 74%)
- HWB
- hwb(122 66% 19%)
- OKLCH
- oklch(0.815 0.064 145.7)
- OKLab
- oklab(0.815 -0.053 0.036)
- CIE Lab
- lab(79.33 -17.93 13.74)
- LCH
- lch(79.33 22.59 142.5)
- CMYK
- cmyk(18% 0% 17% 19%)
Tinte · Ombre · Toni
Tinte
- B2D3B2
- BAD8BB
- C3DDC3
- CBE2CC
- D4E6D4
- DCEBDD
- E5F0E5
- EEF5EE
- F6FAF6
Ombre
- 92B393
- 7C987D
- 677F68
- 536653
- 3F4E3F
- 2C382D
- 1B231B
- 0A0F0B
- 010201
Toni
- A5C6A6
- A1BEA2
- 9DB69D
- 99AE99
- 95A695
- 919F91
- 8C978D
- 888F88
- 848884
Armonie di colore
Complementare +180°
- A9CEAA
Mint Circle
- D8B5D9
≈ Confectionary
Analogo -30° +30°
- A9CEAA
Mint Circle
- C0C899
≈ Seedling
- 97D0C1
≈ Opal Turquoise
Triadico +120° +240°
- A9CEAA
Mint Circle
- AFC2ED
≈ Sky High
- E9B3AD
≈ Pensive Pink
Complementare divisa +150° +210°
- A9CEAA
Mint Circle
- C5BBE8
≈ Drifting Dream
- E5B2C4
≈ Athena Pink
Tetradico +90° +180° +270°
- A9CEAA
Mint Circle
- 9BCAE6
≈ Windsor Way
- D8B5D9
≈ Confectionary
- E3B89B
≈ So Baja
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.73:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.09:1 · APCA Lc 71
Miglior colore del testo: #000000
WCAG 12.09:1 (AAA) · APCA Lc 71
Contrast pairs
Frammenti di codice
CSS
:root {
--mint-circle: #a9ceaa;
--mint-circle-rgb: 169 206 170;
--mint-circle-oklch: oklch(0.815 0.064 145.7);
}
.element {
color: var(--mint-circle);
background-color: hsl(122 27% 74%);
border-color: oklch(0.815 0.064 145.7);
}Tailwind CSS v4
@theme {
--color-mint-circle: #a9ceaa;
--color-mint-circle-50: #eafbeb;
--color-mint-circle-100: #daeedc;
--color-mint-circle-200: #c3dcc5;
--color-mint-circle-300: #a2c1a5;
--color-mint-circle-400: #87a988;
--color-mint-circle-500: #6b926d;
--color-mint-circle-600: #5b7b5c;
--color-mint-circle-700: #49634a;
--color-mint-circle-800: #354834;
--color-mint-circle-900: #243224;
--color-mint-circle-950: #131e12;
}SCSS
$mint-circle: #a9ceaa;
$mint-circle-rgb: 169, 206, 170;
$mint-circle-light: mix(#fff, $mint-circle, 20%);
$mint-circle-dark: mix(#000, $mint-circle, 20%);
.element {
color: $mint-circle;
box-shadow: 0 0 0 2px rgba($mint-circle, 0.35);
}