Cor nomeada · #5FC9BF
Bayside
Bayside é #5FC9BF: rgb(95 201 191), hsl(174 50% 58%), oklch(0.771 0.099 187.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Bayside color name →
#5FC9BF
oklch(0.771 0.099 187.1)
Conversões de cor
- HEX
- #5fc9bf
- RGB
- rgb(95 201 191)
- HSL
- hsl(174 50% 58%)
- HWB
- hwb(174 37% 21%)
- OKLCH
- oklch(0.771 0.099 187.1)
- OKLab
- oklab(0.771 -0.099 -0.012)
- CIE Lab
- lab(74.56 -33.87 -4.86)
- LCH
- lch(74.56 34.22 188.2)
- CMYK
- cmyk(53% 0% 5% 21%)
Tons claros · Sombras · Tons
Tons claros
- 73CFC5
- 85D4CC
- 95DAD2
- A5DFD8
- B5E4DF
- C4EAE5
- D3EFEB
- E2F4F2
- F0FAF8
Sombras
- 52AEA6
- 44958D
- 387C75
- 2C645E
- 204C48
- 153633
- 0A221F
- 030F0D
- 000202
Tons
- 66C2B9
- 6BBAB2
- 70B3AC
- 73ACA5
- 77A49F
- 799D99
- 7C9692
- 7D8E8C
- 7F8786
Harmonias de cor
Complementar +180°
- 5FC9BF
Bayside
- EB9AA9
≈ Pink Moment
Análoga -30° +30°
- 5FC9BF
Bayside
- 7CC89B
≈ Jocose Jade
- 61C4DE
≈ Naxos Sky
Tríade +120° +240°
- 5FC9BF
Bayside
- C5A4E6
≈ Silver Rust
- DFA86E
≈ Corn Maze
Complementar dividida +150° +210°
- 5FC9BF
Bayside
- DE9CCB
≈ Rose Garden
- EC9E87
≈ Tonys Pink
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.98:1 · APCA Lc 38
Ag
AAASobre preto
WCAG 10.59:1 · APCA Lc 64
Melhor cor de texto: #000000
WCAG 10.59:1 (AAA) · APCA Lc 64
Contrast pairs
Trechos de código
CSS
:root {
--bayside: #5fc9bf;
--bayside-rgb: 95 201 191;
--bayside-oklch: oklch(0.771 0.099 187.1);
}
.element {
color: var(--bayside);
background-color: hsl(174 50% 58%);
border-color: oklch(0.771 0.099 187.1);
}Tailwind CSS v4
@theme {
--color-bayside: #5fc9bf;
--color-bayside-50: #d6fffb;
--color-bayside-100: #c3f3ef;
--color-bayside-200: #a3e2dd;
--color-bayside-300: #78c8c2;
--color-bayside-400: #4db1a8;
--color-bayside-500: #009b91;
--color-bayside-600: #09837b;
--color-bayside-700: #0a6962;
--color-bayside-800: #064d47;
--color-bayside-900: #053631;
--color-bayside-950: #00211d;
}SCSS
$bayside: #5fc9bf;
$bayside-rgb: 95, 201, 191;
$bayside-light: mix(#fff, $bayside, 20%);
$bayside-dark: mix(#000, $bayside, 20%);
.element {
color: $bayside;
box-shadow: 0 0 0 2px rgba($bayside, 0.35);
}