Cor nomeada · #96DFCE
Beach Glass
Beach Glass é #96DFCE: rgb(150 223 206), hsl(166 53% 73%), oklch(0.851 0.077 178.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Beach Glass color name →
#96DFCE
oklch(0.851 0.077 178.1)
Conversões de cor
- HEX
- #96dfce
- RGB
- rgb(150 223 206)
- HSL
- hsl(166 53% 73%)
- HWB
- hwb(166 59% 13%)
- OKLCH
- oklch(0.851 0.077 178.1)
- OKLab
- oklab(0.851 -0.077 0.003)
- CIE Lab
- lab(83.67 -26.44 0.74)
- LCH
- lch(83.67 26.45 178.4)
- CMYK
- cmyk(33% 0% 8% 13%)
Tons claros · Sombras · Tons
Tons claros
- A1E2D3
- ACE6D8
- B7E9DC
- C2ECE1
- CCEFE6
- D7F2EB
- E1F6F0
- EBF9F5
- F5FCFA
Sombras
- 82C2B3
- 6EA598
- 5B8A7F
- 496F66
- 37564E
- 263D38
- 162723
- 08120F
- 010202
Tons
- 95D5C6
- 93CBBE
- 91C2B6
- 8FB8AE
- 8DAFA6
- 8BA59E
- 889C97
- 86928F
- 838987
Harmonias de cor
Complementar +180°
- 96DFCE
Beach Glass
- F9BACE
≈ Dahlia Delight
Análoga -30° +30°
- 96DFCE
Beach Glass
- ACDCB2
≈ Big Spender
- 90DDE8
≈ Photon Barrier
Tríade +120° +240°
- 96DFCE
Beach Glass
- D4C4FA
≈ Innocent Snowdrop
- F5C29D
≈ Almond Cream
Complementar dividida +150° +210°
- 96DFCE
Beach Glass
- EABDE8
≈ Lovecloud
- FCBCB2
≈ Melon Water
Tétrade +90° +180° +270°
- 96DFCE
Beach Glass
- B9CDFF
≈ Ice Cold Stare
- F9BACE
≈ Dahlia Delight
- E3CC94
≈ Abstract
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.52:1 · APCA Lc 24
Ag
AAASobre preto
WCAG 13.74:1 · APCA Lc 79
Melhor cor de texto: #000000
WCAG 13.74:1 (AAA) · APCA Lc 79
Contrast pairs
Trechos de código
CSS
:root {
--beach-glass: #96dfce;
--beach-glass-rgb: 150 223 206;
--beach-glass-oklch: oklch(0.851 0.077 178.1);
}
.element {
color: var(--beach-glass);
background-color: hsl(166 53% 73%);
border-color: oklch(0.851 0.077 178.1);
}Tailwind CSS v4
@theme {
--color-beach-glass: #96dfce;
--color-beach-glass-50: #dffdf6;
--color-beach-glass-100: #cdf1e9;
--color-beach-glass-200: #b1e0d5;
--color-beach-glass-300: #8cc5b9;
--color-beach-glass-400: #6aae9e;
--color-beach-glass-500: #459786;
--color-beach-glass-600: #3c8072;
--color-beach-glass-700: #2f665b;
--color-beach-glass-800: #224b41;
--color-beach-glass-900: #16342d;
--color-beach-glass-950: #07201a;
}SCSS
$beach-glass: #96dfce;
$beach-glass-rgb: 150, 223, 206;
$beach-glass-light: mix(#fff, $beach-glass, 20%);
$beach-glass-dark: mix(#000, $beach-glass, 20%);
.element {
color: $beach-glass;
box-shadow: 0 0 0 2px rgba($beach-glass, 0.35);
}