Cor nomeada mais próxima · #7BB1BC
#7BB1BC
Cor nomeada mais próxima: Glacier
#7BB1BC (rgb(123 177 188), hsl(190 33% 61%), oklch(0.727 0.059 211.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.
#7BB1BC
oklch(0.727 0.059 211.7)
Conversões de cor
- HEX
- #7bb1bc
- RGB
- rgb(123 177 188)
- HSL
- hsl(190 33% 61%)
- HWB
- hwb(190 48% 26%)
- OKLCH
- oklch(0.727 0.059 211.7)
- OKLab
- oklab(0.727 -0.05 -0.031)
- CIE Lab
- lab(68.73 -16.32 -11.62)
- LCH
- lch(68.73 20.03 215.4)
- CMYK
- cmyk(35% 6% 0% 26%)
Tons claros · Sombras · Tons
Tons claros
- 88B9C3
- 96C0C9
- A3C8D0
- B0D0D7
- BDD8DD
- CADFE4
- D7E7EB
- E5EFF1
- F2F7F8
Sombras
- 6A99A3
- 5A838B
- 4A6C73
- 3A575D
- 2C4247
- 1E2F32
- 101C1F
- 050C0D
- 010102
Tons
- 7CACB6
- 7DA7B0
- 7EA2AA
- 7F9DA4
- 7F989E
- 809398
- 808F92
- 808A8C
- 808586
Harmonias de cor
Complementar +180°
- 7BB1BC
Glacier
- C99A90
≈ Calliope
Análoga -30° +30°
- 7BB1BC
Glacier
- 7DB3A9
≈ Melodious
- 86ACC9
≈ Colorado Springs
Tríade +120° +240°
- 7BB1BC
Glacier
- BD9AB7
≈ Dripping Wisteria
- B4A67D
≈ Sedia
Complementar dividida +150° +210°
- 7BB1BC
Glacier
- C798A4
≈ Cooing Doves
- C29F81
≈ Retributor Armour Metal
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASobre preto
WCAG 8.85:1 · APCA Lc 55
Melhor cor de texto: #000000
WCAG 8.85:1 (AAA) · APCA Lc 55
Contrast pairs
Trechos de código
CSS
:root {
--glacier: #7bb1bc;
--glacier-rgb: 123 177 188;
--glacier-oklch: oklch(0.727 0.059 211.7);
}
.element {
color: var(--glacier);
background-color: hsl(190 33% 61%);
border-color: oklch(0.727 0.059 211.7);
}Tailwind CSS v4
@theme {
--color-glacier: #7bb1bc;
--color-glacier-50: #e3faff;
--color-glacier-100: #d3edf4;
--color-glacier-200: #b9dbe4;
--color-glacier-300: #96c0ca;
--color-glacier-400: #75a8b3;
--color-glacier-500: #55919d;
--color-glacier-600: #497b84;
--color-glacier-700: #3a626a;
--color-glacier-800: #29484d;
--color-glacier-900: #1b3236;
--color-glacier-950: #0b1e21;
}SCSS
$glacier: #7bb1bc;
$glacier-rgb: 123, 177, 188;
$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);
}