Cor nomeada · #AAB5B8
Casper
Casper é #AAB5B8: rgb(170 181 184), hsl(193 9% 69%), oklch(0.765 0.013 215.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Casper color name →
#AAB5B8
oklch(0.765 0.013 215.8)
Conversões de cor
- HEX
- #aab5b8
- RGB
- rgb(170 181 184)
- HSL
- hsl(193 9% 69%)
- HWB
- hwb(193 67% 28%)
- OKLCH
- oklch(0.765 0.013 215.8)
- OKLab
- oklab(0.765 -0.011 -0.008)
- CIE Lab
- lab(72.88 -3.52 -2.92)
- LCH
- lch(72.88 4.58 219.7)
- CMYK
- cmyk(8% 2% 0% 28%)
Tons claros · Sombras · Tons
Tons claros
- B2BCBF
- BBC3C6
- C3CBCD
- CBD2D4
- D4D9DB
- DCE1E2
- E5E8E9
- EEF0F0
- F6F7F8
Sombras
- 939DA0
- 7D8688
- 686F71
- 53595B
- 3F4445
- 2D3031
- 1B1D1E
- 0B0C0C
- 010202
Tons
- A6B0B2
- A1AAAD
- 9DA5A7
- 999FA1
- 959A9C
- 919596
- 8C9090
- 888A8B
- 848585
Harmonias de cor
Complementar +180°
- AAB5B8
Casper
- BBB0AD
≈ London Coach
Análoga -30° +30°
- AAB5B8
Casper
- AAB6B4
≈ Periglacial Blue
- ACB4BB
≈ Cloud Cover
Tríade +120° +240°
- AAB5B8
Casper
- B8B0B6
≈ Swanky Grey
- B5B3AA
≈ Silver Tinsel
Complementar dividida +150° +210°
- AAB5B8
Casper
- BBAFB1
≈ Antique Mauve
- B9B1AA
≈ City Street
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.09:1 · APCA Lc 41
Ag
AAASobre preto
WCAG 10.01:1 · APCA Lc 61
Melhor cor de texto: #000000
WCAG 10.01:1 (AAA) · APCA Lc 61
Contrast pairs
Trechos de código
CSS
:root {
--casper: #aab5b8;
--casper-rgb: 170 181 184;
--casper-oklch: oklch(0.765 0.013 215.8);
}
.element {
color: var(--casper);
background-color: hsl(193 9% 69%);
border-color: oklch(0.765 0.013 215.8);
}Tailwind CSS v4
@theme {
--color-casper: #aab5b8;
--color-casper-50: #f1f6f8;
--color-casper-100: #e3e9eb;
--color-casper-200: #ced6d8;
--color-casper-300: #b0b9bc;
--color-casper-400: #96a0a3;
--color-casper-500: #7d898c;
--color-casper-600: #6a7476;
--color-casper-700: #555c5f;
--color-casper-800: #3d4445;
--color-casper-900: #2a2f30;
--color-casper-950: #181b1c;
}SCSS
$casper: #aab5b8;
$casper-rgb: 170, 181, 184;
$casper-light: mix(#fff, $casper, 20%);
$casper-dark: mix(#000, $casper, 20%);
.element {
color: $casper;
box-shadow: 0 0 0 2px rgba($casper, 0.35);
}