Color con nombre · #AECAC8
Seaport Steam
Seaport Steam es #AECAC8: rgb(174 202 200), hsl(176 21% 74%), oklch(0.818 0.03 191.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Seaport Steam color name →
#AECAC8
oklch(0.818 0.03 191.3)
Conversiones de color
- HEX
- #aecac8
- RGB
- rgb(174 202 200)
- HSL
- hsl(176 21% 74%)
- HWB
- hwb(176 68% 21%)
- OKLCH
- oklch(0.818 0.03 191.3)
- OKLab
- oklab(0.818 -0.03 -0.006)
- CIE Lab
- lab(79.19 -10.04 -2.33)
- LCH
- lch(79.19 10.31 193.1)
- CMYK
- cmyk(14% 0% 1% 21%)
Tintes · Sombras · Tonos
Tintes
- B6CFCD
- BED4D3
- C6DAD8
- CEDFDE
- D6E4E3
- DEEAE9
- E6EFEE
- EFF4F4
- F7FAF9
Sombras
- 97AFAE
- 809594
- 6A7C7B
- 556463
- 414D4C
- 2E3736
- 1C2221
- 0B0F0F
- 010202
Tonos
- A9C2C1
- A5BBB9
- A0B3B2
- 9CACAB
- 97A4A3
- 929D9C
- 8E9695
- 898E8E
- 858787
Armonías de color
Complementario +180°
- AECAC8
Seaport Steam
- D6BCBE
≈ Lilac Buds
Análogo -30° +30°
- AECAC8
Seaport Steam
- B3CABD
≈ Matte Jade Green
- AFC8D1
≈ Gentle Sea
Triádico +120° +240°
- AECAC8
Seaport Steam
- CABED2
≈ Purpling Dawn
- D0C1AF
≈ Merino Wool
Complementario dividido +150° +210°
- AECAC8
Seaport Steam
- D2BCC9
≈ Queen’s Tart
- D6BDB5
≈ Badlands Taupe
Tetrádico +90° +180° +270°
- AECAC8
Seaport Steam
- BFC2D7
≈ Lavender Escape
- D6BCBE
≈ Lilac Buds
- C7C4AE
≈ Kangaroo
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.73:1 · APCA Lc 32
Ag
AAASobre negro
WCAG 12.08:1 · APCA Lc 71
Mejor color de texto: #000000
WCAG 12.08:1 (AAA) · APCA Lc 71
Contrast pairs
Fragmentos de código
CSS
:root {
--seaport-steam: #aecac8;
--seaport-steam-rgb: 174 202 200;
--seaport-steam-oklch: oklch(0.818 0.03 191.3);
}
.element {
color: var(--seaport-steam);
background-color: hsl(176 21% 74%);
border-color: oklch(0.818 0.03 191.3);
}Tailwind CSS v4
@theme {
--color-seaport-steam: #aecac8;
--color-seaport-steam-50: #ecf8f7;
--color-seaport-steam-100: #ddebeb;
--color-seaport-steam-200: #c6d9d8;
--color-seaport-steam-300: #a7bdbc;
--color-seaport-steam-400: #8ba4a3;
--color-seaport-steam-500: #708d8b;
--color-seaport-steam-600: #5f7776;
--color-seaport-steam-700: #4c5f5e;
--color-seaport-steam-800: #374644;
--color-seaport-steam-900: #25302f;
--color-seaport-steam-950: #141d1c;
}SCSS
$seaport-steam: #aecac8;
$seaport-steam-rgb: 174, 202, 200;
$seaport-steam-light: mix(#fff, $seaport-steam, 20%);
$seaport-steam-dark: mix(#000, $seaport-steam, 20%);
.element {
color: $seaport-steam;
box-shadow: 0 0 0 2px rgba($seaport-steam, 0.35);
}