Colore con nome · #66DDAA
Medium Aquamarine
Medium Aquamarine è #66DDAA: rgb(102 221 170), hsl(154 64% 63%), oklch(0.815 0.131 163). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Medium Aquamarine color name →
#66DDAA
oklch(0.815 0.131 163)
Conversioni di colore
- HEX
- #66ddaa
- RGB
- rgb(102 221 170)
- HSL
- hsl(154 64% 63%)
- HWB
- hwb(154 40% 13%)
- OKLCH
- oklch(0.815 0.131 163)
- OKLab
- oklab(0.815 -0.125 0.038)
- CIE Lab
- lab(80.31 -44.12 14.48)
- LCH
- lch(80.31 46.43 161.8)
- CMYK
- cmyk(54% 0% 23% 13%)
Tinte · Ombre · Toni
Tinte
- 79E1B2
- 8BE4BB
- 9BE8C3
- ABEBCC
- BAEFD4
- C8F2DD
- D6F6E5
- E4F9EE
- F2FCF6
Ombre
- 58C093
- 4AA47D
- 3C8868
- 2F6E53
- 23553F
- 173D2D
- 0C261B
- 04110B
- 000201
Toni
- 6CD4A6
- 71CAA2
- 75C19D
- 78B799
- 7BAE95
- 7DA591
- 7E9C8D
- 7F9288
- 808984
Armonie di colore
Complementare +180°
- 66DDAA
Medium Aquamarine
- FD9FD9
≈ Rose Daphne
Analogo -30° +30°
- 66DDAA
Medium Aquamarine
- A1D57A
≈ Crystal Green
- 31DDDA
≈ Fish Boy
Triadico +120° +240°
- 66DDAA
Medium Aquamarine
- B9BBFF
≈ Dried Lilac
- FFAB89
≈ Super Sepia
Complementare divisa +150° +210°
- 66DDAA
Medium Aquamarine
- E0A9FF
≈ Testosterose
- FFA6AF
≈ Strawberry Frappé
Tetradico +90° +180° +270°
- 66DDAA
Medium Aquamarine
- 97C7FF
≈ Apocyan
- FD9FD9
≈ Rose Daphne
- F6B45A
≈ Golden Hour
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.48:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--medium-aquamarine: #66ddaa;
--medium-aquamarine-rgb: 102 221 170;
--medium-aquamarine-oklch: oklch(0.815 0.131 163);
}
.element {
color: var(--medium-aquamarine);
background-color: hsl(154 64% 63%);
border-color: oklch(0.815 0.131 163);
}Tailwind CSS v4
@theme {
--color-medium-aquamarine: #66ddaa;
--color-medium-aquamarine-50: #d3ffec;
--color-medium-aquamarine-100: #c0f6dd;
--color-medium-aquamarine-200: #9ee7c6;
--color-medium-aquamarine-300: #71cda7;
--color-medium-aquamarine-400: #44b688;
--color-medium-aquamarine-500: #00a06c;
--color-medium-aquamarine-600: #00875c;
--color-medium-aquamarine-700: #006d49;
--color-medium-aquamarine-800: #005033;
--color-medium-aquamarine-900: #023823;
--color-medium-aquamarine-950: #002212;
}SCSS
$medium-aquamarine: #66ddaa;
$medium-aquamarine-rgb: 102, 221, 170;
$medium-aquamarine-light: mix(#fff, $medium-aquamarine, 20%);
$medium-aquamarine-dark: mix(#000, $medium-aquamarine, 20%);
.element {
color: $medium-aquamarine;
box-shadow: 0 0 0 2px rgba($medium-aquamarine, 0.35);
}