Cor nomeada · #AEB9BC
Lake Placid
Lake Placid é #AEB9BC: rgb(174 185 188), hsl(193 9% 71%), oklch(0.778 0.013 215.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Lake Placid color name →
#AEB9BC
oklch(0.778 0.013 215.8)
Conversões de cor
- HEX
- #aeb9bc
- RGB
- rgb(174 185 188)
- HSL
- hsl(193 9% 71%)
- HWB
- hwb(193 68% 26%)
- OKLCH
- oklch(0.778 0.013 215.8)
- OKLab
- oklab(0.778 -0.011 -0.008)
- CIE Lab
- lab(74.35 -3.51 -2.91)
- LCH
- lch(74.35 4.56 219.7)
- CMYK
- cmyk(7% 2% 0% 26%)
Tons claros · Sombras · Tons
Tons claros
- B6C0C3
- BEC7C9
- C6CED0
- CED5D6
- D6DBDD
- DEE3E4
- E6EAEB
- EEF1F1
- F7F8F8
Sombras
- 97A0A3
- 80898B
- 6A7173
- 555B5D
- 414647
- 2E3132
- 1C1E1F
- 0B0D0D
- 010202
Tons
- A9B3B6
- A5ADB0
- A0A8AA
- 9BA2A4
- 979C9D
- 929697
- 8E9192
- 898B8C
- 858686
Harmonias de cor
Complementar +180°
- AEB9BC
Lake Placid
- BFB4B1
≈ Pink Swan
Análoga -30° +30°
- AEB9BC
Lake Placid
- AEBAB8
≈ Grey Tweed
- B0B8BF
≈ Grey Pearl Sand
Tríade +120° +240°
- AEB9BC
Lake Placid
- BCB4BA
≈ Future Vision
- B9B7AE
≈ Zen Pebble
Complementar dividida +150° +210°
- AEB9BC
Lake Placid
- BFB3B5
≈ Chaise Mauve
- BDB5AE
≈ Mindful Grey
Tétrade +90° +180° +270°
- AEB9BC
Lake Placid
- B9B5BE
≈ Enchanted Silver
- BFB4B1
≈ Pink Swan
- B5B8B0
≈ Fossilised
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.00:1 · APCA Lc 39
Ag
AAASobre preto
WCAG 10.46:1 · APCA Lc 63
Melhor cor de texto: #000000
WCAG 10.46:1 (AAA) · APCA Lc 63
Contrast pairs
Trechos de código
CSS
:root {
--lake-placid: #aeb9bc;
--lake-placid-rgb: 174 185 188;
--lake-placid-oklch: oklch(0.778 0.013 215.8);
}
.element {
color: var(--lake-placid);
background-color: hsl(193 9% 71%);
border-color: oklch(0.778 0.013 215.8);
}Tailwind CSS v4
@theme {
--color-lake-placid: #aeb9bc;
--color-lake-placid-50: #f1f6f8;
--color-lake-placid-100: #e3e9eb;
--color-lake-placid-200: #ced6d8;
--color-lake-placid-300: #b0b9bc;
--color-lake-placid-400: #96a0a3;
--color-lake-placid-500: #7d888c;
--color-lake-placid-600: #6a7476;
--color-lake-placid-700: #555c5e;
--color-lake-placid-800: #3e4445;
--color-lake-placid-900: #2a2f30;
--color-lake-placid-950: #181b1c;
}SCSS
$lake-placid: #aeb9bc;
$lake-placid-rgb: 174, 185, 188;
$lake-placid-light: mix(#fff, $lake-placid, 20%);
$lake-placid-dark: mix(#000, $lake-placid, 20%);
.element {
color: $lake-placid;
box-shadow: 0 0 0 2px rgba($lake-placid, 0.35);
}