Cor nomeada · #82CDAD
Aquamarine Ocean
Aquamarine Ocean é #82CDAD: rgb(130 205 173), hsl(154 43% 66%), oklch(0.79 0.088 165.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Aquamarine Ocean color name →
#82CDAD
oklch(0.79 0.088 165.4)
Conversões de cor
- HEX
- #82cdad
- RGB
- rgb(130 205 173)
- HSL
- hsl(154 43% 66%)
- HWB
- hwb(154 51% 20%)
- OKLCH
- oklch(0.79 0.088 165.4)
- OKLab
- oklab(0.79 -0.085 0.022)
- CIE Lab
- lab(76.84 -29.69 8.27)
- LCH
- lch(76.84 30.82 164.4)
- CMYK
- cmyk(37% 0% 16% 20%)
Tons claros · Sombras · Tons
Tons claros
- 8FD2B5
- 9DD7BD
- A9DCC5
- B6E1CD
- C2E6D5
- CFEBDE
- DBF0E6
- E7F5EE
- F3FAF7
Sombras
- 70B296
- 5F987F
- 4E7E6A
- 3E6655
- 2F4E41
- 20382D
- 12231B
- 060F0B
- 010201
Tons
- 83C5A8
- 83BDA4
- 84B59F
- 84AE9B
- 84A696
- 839E92
- 83978D
- 828F89
- 818884
Harmonias de cor
Complementar +180°
- 82CDAD
Aquamarine Ocean
- E4A4C7
≈ Prettiest Pink
Análoga -30° +30°
- 82CDAD
Aquamarine Ocean
- A2C88F
≈ Arcadian Green
- 70CDCC
≈ Tropical Splash
Tríade +120° +240°
- 82CDAD
Aquamarine Ocean
- B5B3F1
≈ Purple Illusion
- EBA98B
≈ Aloha Sunset
Complementar dividida +150° +210°
- 82CDAD
Aquamarine Ocean
- D1AAE2
≈ Tropical Violet
- EEA4A8
≈ Pink Icing
Tétrade +90° +180° +270°
- 82CDAD
Aquamarine Ocean
- 95BEF3
≈ Sail to the Sea
- E4A4C7
≈ Prettiest Pink
- DCB379
≈ Boudin
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.86:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.28:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.28:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--aquamarine-ocean: #82cdad;
--aquamarine-ocean-rgb: 130 205 173;
--aquamarine-ocean-oklch: oklch(0.79 0.088 165.4);
}
.element {
color: var(--aquamarine-ocean);
background-color: hsl(154 43% 66%);
border-color: oklch(0.79 0.088 165.4);
}Tailwind CSS v4
@theme {
--color-aquamarine-ocean: #82cdad;
--color-aquamarine-ocean-50: #defef0;
--color-aquamarine-ocean-100: #cdf2e2;
--color-aquamarine-ocean-200: #b1e1cd;
--color-aquamarine-ocean-300: #8bc6ae;
--color-aquamarine-ocean-400: #69af92;
--color-aquamarine-ocean-500: #449978;
--color-aquamarine-ocean-600: #3b8166;
--color-aquamarine-ocean-700: #2f6751;
--color-aquamarine-ocean-800: #224c3a;
--color-aquamarine-ocean-900: #163528;
--color-aquamarine-ocean-950: #072016;
}SCSS
$aquamarine-ocean: #82cdad;
$aquamarine-ocean-rgb: 130, 205, 173;
$aquamarine-ocean-light: mix(#fff, $aquamarine-ocean, 20%);
$aquamarine-ocean-dark: mix(#000, $aquamarine-ocean, 20%);
.element {
color: $aquamarine-ocean;
box-shadow: 0 0 0 2px rgba($aquamarine-ocean, 0.35);
}