Cor nomeada · #9B95A9
Purple Surf
Purple Surf é #9B95A9: rgb(155 149 169), hsl(258 10% 62%), oklch(0.681 0.03 299.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Purple Surf color name →
#9B95A9
oklch(0.681 0.03 299.3)
Conversões de cor
- HEX
- #9b95a9
- RGB
- rgb(155 149 169)
- HSL
- hsl(258 10% 62%)
- HWB
- hwb(258 58% 34%)
- OKLCH
- oklch(0.681 0.03 299.3)
- OKLab
- oklab(0.681 0.015 -0.026)
- CIE Lab
- lab(62.71 5.24 -9.69)
- LCH
- lch(62.71 11.02 298.4)
- CMYK
- cmyk(8% 12% 0% 34%)
Tons claros · Sombras · Tons
Tons claros
- A59FB1
- AEA9BA
- B8B4C2
- C2BECB
- CCC9D3
- D6D3DC
- E0DEE5
- EAE9ED
- F5F4F6
Sombras
- 868192
- 726D7C
- 5E5A67
- 4B4853
- 39373F
- 28262C
- 18161B
- 09080A
- 010101
Tons
- 9893A5
- 9691A1
- 938F9D
- 908D98
- 8D8A94
- 8B8890
- 88868C
- 858488
- 838284
Harmonias de cor
Complementar +180°
- 9B95A9
Purple Surf
- 969C87
≈ Leek Green
Análoga -30° +30°
- 9B95A9
Purple Surf
- 9198AC
≈ Moon Veil
- A492A2
≈ Fields of Provence
Tríade +120° +240°
- 9B95A9
Purple Surf
- A79587
≈ Sorrel Felt
- 869F99
≈ Meek Moss Green
Complementar dividida +150° +210°
- 9B95A9
Purple Surf
- A09884
≈ Good Earth
- 8D9E8F
≈ Mossleaf
Tétrade +90° +180° +270°
- 9B95A9
Purple Surf
- AA928E
≈ Cortex
- 969C87
≈ Leek Green
- 849EA3
≈ Blue Tea
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.89:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.26:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.26:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--purple-surf: #9b95a9;
--purple-surf-rgb: 155 149 169;
--purple-surf-oklch: oklch(0.681 0.03 299.3);
}
.element {
color: var(--purple-surf);
background-color: hsl(258 10% 62%);
border-color: oklch(0.681 0.03 299.3);
}Tailwind CSS v4
@theme {
--color-purple-surf: #9b95a9;
--color-purple-surf-50: #f6f3fd;
--color-purple-surf-100: #e9e6f0;
--color-purple-surf-200: #d6d2df;
--color-purple-surf-300: #bab4c5;
--color-purple-surf-400: #a19bae;
--color-purple-surf-500: #898298;
--color-purple-surf-600: #746e80;
--color-purple-surf-700: #5c5867;
--color-purple-surf-800: #43404c;
--color-purple-surf-900: #2e2c35;
--color-purple-surf-950: #1b1920;
}SCSS
$purple-surf: #9b95a9;
$purple-surf-rgb: 155, 149, 169;
$purple-surf-light: mix(#fff, $purple-surf, 20%);
$purple-surf-dark: mix(#000, $purple-surf, 20%);
.element {
color: $purple-surf;
box-shadow: 0 0 0 2px rgba($purple-surf, 0.35);
}