Cor nomeada mais próxima · #6EAEBA
#6EAEBA
Cor nomeada mais próxima: Glacier
#6EAEBA (rgb(110 174 186), hsl(189 36% 58%), oklch(0.712 0.068 210.7)) é mais próxima da cor nomeada Glacier. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#6EAEBA
oklch(0.712 0.068 210.7)
Conversões de cor
- HEX
- #6eaeba
- RGB
- rgb(110 174 186)
- HSL
- hsl(189 36% 58%)
- HWB
- hwb(189 43% 27%)
- OKLCH
- oklch(0.712 0.068 210.7)
- OKLab
- oklab(0.712 -0.058 -0.035)
- CIE Lab
- lab(67.12 -18.99 -13)
- LCH
- lch(67.12 23.02 214.4)
- CMYK
- cmyk(41% 6% 0% 27%)
Tons claros · Sombras · Tons
Tons claros
- 7DB6C1
- 8CBEC8
- 9BC6CE
- A9CED5
- B7D6DC
- C6DEE3
- D4E6EA
- E2EFF1
- F1F7F8
Sombras
- 5F97A1
- 508089
- 416A72
- 33555C
- 264146
- 192E32
- 0E1C1E
- 040B0D
- 010102
Tons
- 71A9B4
- 73A5AE
- 76A0A8
- 789CA2
- 7A979D
- 7B9297
- 7D8E91
- 7E898B
- 7F8586
Harmonias de cor
Complementar +180°
- 6EAEBA
Glacier
- C99389
≈ Mexican Moonlight
Análoga -30° +30°
- 6EAEBA
Glacier
- 71B0A4
≈ Turquoise Fantasies
- 7CA8C9
≈ Mirror Lake
Tríade +120° +240°
- 6EAEBA
Glacier
- BB93B6
≈ Mauve Magic
- B2A171
≈ Zucchini Garden
Complementar dividida +150° +210°
- 6EAEBA
Glacier
- C791A0
≈ Beetroot Rice
- C29977
≈ Copper Moon
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.49:1 · APCA Lc 49
Ag
AAASobre preto
WCAG 8.42:1 · APCA Lc 53
Melhor cor de texto: #000000
WCAG 8.42:1 (AAA) · APCA Lc 53
Contrast pairs
Trechos de código
CSS
:root {
--glacier: #6eaeba;
--glacier-rgb: 110 174 186;
--glacier-oklch: oklch(0.712 0.068 210.7);
}
.element {
color: var(--glacier);
background-color: hsl(189 36% 58%);
border-color: oklch(0.712 0.068 210.7);
}Tailwind CSS v4
@theme {
--color-glacier: #6eaeba;
--color-glacier-50: #e0fbff;
--color-glacier-100: #cfeef5;
--color-glacier-200: #b4dce5;
--color-glacier-300: #8fc1cc;
--color-glacier-400: #6eaab5;
--color-glacier-500: #4a929f;
--color-glacier-600: #407c87;
--color-glacier-700: #33636c;
--color-glacier-800: #23494f;
--color-glacier-900: #173337;
--color-glacier-950: #081e22;
}SCSS
$glacier: #6eaeba;
$glacier-rgb: 110, 174, 186;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}