Cor nomeada · #91AAB8
Windsurf
Windsurf é #91AAB8: rgb(145 170 184), hsl(202 22% 65%), oklch(0.724 0.034 232.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Windsurf color name →
#91AAB8
oklch(0.724 0.034 232.4)
Conversões de cor
- HEX
- #91aab8
- RGB
- rgb(145 170 184)
- HSL
- hsl(202 22% 65%)
- HWB
- hwb(202 57% 28%)
- OKLCH
- oklch(0.724 0.034 232.4)
- OKLab
- oklab(0.724 -0.021 -0.027)
- CIE Lab
- lab(68.04 -6.63 -10.27)
- LCH
- lch(68.04 12.22 237.1)
- CMYK
- cmyk(21% 8% 0% 28%)
Tons claros · Sombras · Tons
Tons claros
- 9CB2BF
- A6BBC6
- B1C3CD
- BCCBD4
- C7D4DB
- D2DCE2
- DDE5E9
- E8EEF1
- F4F6F8
Sombras
- 7D93A0
- 6A7D88
- 586871
- 46535B
- 353F45
- 252D31
- 151B1E
- 070B0C
- 010102
Tons
- 8FA6B2
- 8EA1AD
- 8C9DA7
- 8A99A1
- 89959C
- 879196
- 858C91
- 84888B
- 828485
Harmonias de cor
Complementar +180°
- 91AAB8
Windsurf
- B8A092
≈ White Mouse
Análoga -30° +30°
- 91AAB8
Windsurf
- 8DADAF
≈ Bon Voyage
- 9AA6BC
≈ Zen Blue
Tríade +120° +240°
- 91AAB8
Windsurf
- B89DA8
≈ Pinterested
- A6A890
≈ Bud
Complementar dividida +150° +210°
- 91AAB8
Windsurf
- BB9E9C
≈ Awakening
- B0A48E
≈ Prairie Grass
Tétrade +90° +180° +270°
- 91AAB8
Windsurf
- B09FB3
≈ Pastel Purple
- B8A092
≈ White Mouse
- 9AAC98
≈ Garden
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.42:1 · APCA Lc 48
Ag
AAASobre preto
WCAG 8.64:1 · APCA Lc 54
Melhor cor de texto: #000000
WCAG 8.64:1 (AAA) · APCA Lc 54
Contrast pairs
Trechos de código
CSS
:root {
--windsurf: #91aab8;
--windsurf-rgb: 145 170 184;
--windsurf-oklch: oklch(0.724 0.034 232.4);
}
.element {
color: var(--windsurf);
background-color: hsl(202 22% 65%);
border-color: oklch(0.724 0.034 232.4);
}Tailwind CSS v4
@theme {
--color-windsurf: #91aab8;
--color-windsurf-50: #ecf7fe;
--color-windsurf-100: #ddeaf2;
--color-windsurf-200: #c7d7e1;
--color-windsurf-300: #a7bbc7;
--color-windsurf-400: #8ba2b0;
--color-windsurf-500: #708b99;
--color-windsurf-600: #5f7582;
--color-windsurf-700: #4c5e68;
--color-windsurf-800: #36454c;
--color-windsurf-900: #253035;
--color-windsurf-950: #141c20;
}SCSS
$windsurf: #91aab8;
$windsurf-rgb: 145, 170, 184;
$windsurf-light: mix(#fff, $windsurf, 20%);
$windsurf-dark: mix(#000, $windsurf, 20%);
.element {
color: $windsurf;
box-shadow: 0 0 0 2px rgba($windsurf, 0.35);
}