Color con nombre · #A2B0A8
Life Aquatic
Life Aquatic es #A2B0A8: rgb(162 176 168), hsl(146 8% 66%), oklch(0.744 0.019 160.9). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Life Aquatic color name →
#A2B0A8
oklch(0.744 0.019 160.9)
Conversiones de color
- HEX
- #a2b0a8
- RGB
- rgb(162 176 168)
- HSL
- hsl(146 8% 66%)
- HWB
- hwb(146 64% 31%)
- OKLCH
- oklch(0.744 0.019 160.9)
- OKLab
- oklab(0.744 -0.018 0.006)
- CIE Lab
- lab(70.55 -6.23 2.35)
- LCH
- lch(70.55 6.66 159.4)
- CMYK
- cmyk(8% 0% 5% 31%)
Tintes · Sombras · Tonos
Tintes
- ABB8B0
- B4BFB9
- BDC7C1
- C6CFCA
- D0D7D3
- D9DFDB
- E2E7E4
- ECEFED
- F5F7F6
Sombras
- 8C9992
- 77827C
- 636C67
- 4F5652
- 3C423F
- 2A2E2C
- 191C1A
- 0A0B0A
- 010101
Tonos
- 9FABA4
- 9BA6A0
- 98A19C
- 949C98
- 919894
- 8E9390
- 8A8E8C
- 878988
- 838584
Armonías de color
Complementario +180°
- A2B0A8
Life Aquatic
- B5A7B0
≈ Resplendent
Análogo -30° +30°
- A2B0A8
Life Aquatic
- A8AFA2
≈ Mountain Lichen
- 9FB0AF
≈ Veranda Charm
Triádico +120° +240°
- A2B0A8
Life Aquatic
- A9ABB8
≈ Jacaranda Light
- B7A8A3
≈ Martini
Complementario dividido +150° +210°
- A2B0A8
Life Aquatic
- B0A9B5
≈ Endless Slumber
- B8A7A9
≈ Object of Desire
Tetrádico +90° +180° +270°
- A2B0A8
Life Aquatic
- A3ADB8
≈ Transformer
- B5A7B0
≈ Resplendent
- B4AA9F
≈ Dreyfus
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.25:1 · APCA Lc 44
Ag
AAASobre negro
WCAG 9.31:1 · APCA Lc 58
Mejor color de texto: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmentos de código
CSS
:root {
--life-aquatic: #a2b0a8;
--life-aquatic-rgb: 162 176 168;
--life-aquatic-oklch: oklch(0.744 0.019 160.9);
}
.element {
color: var(--life-aquatic);
background-color: hsl(146 8% 66%);
border-color: oklch(0.744 0.019 160.9);
}Tailwind CSS v4
@theme {
--color-life-aquatic: #a2b0a8;
--color-life-aquatic-50: #f0f7f3;
--color-life-aquatic-100: #e2eae6;
--color-life-aquatic-200: #cdd7d2;
--color-life-aquatic-300: #afbbb4;
--color-life-aquatic-400: #95a29b;
--color-life-aquatic-500: #7c8a82;
--color-life-aquatic-600: #69756e;
--color-life-aquatic-700: #545e58;
--color-life-aquatic-800: #3d4440;
--color-life-aquatic-900: #2a2f2c;
--color-life-aquatic-950: #171c19;
}SCSS
$life-aquatic: #a2b0a8;
$life-aquatic-rgb: 162, 176, 168;
$life-aquatic-light: mix(#fff, $life-aquatic, 20%);
$life-aquatic-dark: mix(#000, $life-aquatic, 20%);
.element {
color: $life-aquatic;
box-shadow: 0 0 0 2px rgba($life-aquatic, 0.35);
}