Cor nomeada · #A8CCD5
Grand Entrance
Grand Entrance é #A8CCD5: rgb(168 204 213), hsl(192 35% 75%), oklch(0.822 0.04 214.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Grand Entrance color name →
#A8CCD5
oklch(0.822 0.04 214.6)
Conversões de cor
- HEX
- #a8ccd5
- RGB
- rgb(168 204 213)
- HSL
- hsl(192 35% 75%)
- HWB
- hwb(192 66% 16%)
- OKLCH
- oklch(0.822 0.04 214.6)
- OKLab
- oklab(0.822 -0.033 -0.023)
- CIE Lab
- lab(79.63 -10.92 -8.68)
- LCH
- lch(79.63 13.95 218.5)
- CMYK
- cmyk(21% 4% 0% 16%)
Tons claros · Sombras · Tons
Tons claros
- B1D1D9
- B9D6DD
- C2DBE2
- CBE0E6
- D3E5EA
- DCEAEE
- E5F0F2
- EEF5F7
- F6FAFB
Sombras
- 92B1B9
- 7C979E
- 677E83
- 52656A
- 3F4E51
- 2C373A
- 1A2224
- 0A0F10
- 010202
Tons
- A4C4CC
- A0BCC3
- 9CB5BB
- 98ADB2
- 94A5AA
- 909EA1
- 8C9699
- 888F90
- 848788
Harmonias de cor
Complementar +180°
- A8CCD5
Grand Entrance
- DDBCB4
≈ Peach Blush
Análoga -30° +30°
- A8CCD5
Grand Entrance
- A9CEC8
≈ Blue Angora
- B0C8DE
≈ Ridge Light
Tríade +120° +240°
- A8CCD5
Grand Entrance
- D6BBCF
≈ Sunday Gloves
- CDC5A8
≈ Cyrus Grass
Complementar dividida +150° +210°
- A8CCD5
Grand Entrance
- DDBAC1
≈ Crystalline Pink
- D8C0AA
≈ Comforting
Tétrade +90° +180° +270°
- A8CCD5
Grand Entrance
- CABFDA
≈ Playful Petal
- DDBCB4
≈ Peach Blush
- BFCAAE
≈ Green Dragon Spring
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.71:1 · APCA Lc 31
Ag
AAASobre preto
WCAG 12.26:1 · APCA Lc 72
Melhor cor de texto: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Trechos de código
CSS
:root {
--grand-entrance: #a8ccd5;
--grand-entrance-rgb: 168 204 213;
--grand-entrance-oklch: oklch(0.822 0.04 214.6);
}
.element {
color: var(--grand-entrance);
background-color: hsl(192 35% 75%);
border-color: oklch(0.822 0.04 214.6);
}Tailwind CSS v4
@theme {
--color-grand-entrance: #a8ccd5;
--color-grand-entrance-50: #e9f8fd;
--color-grand-entrance-100: #daecf1;
--color-grand-entrance-200: #c2d9df;
--color-grand-entrance-300: #a1bdc5;
--color-grand-entrance-400: #84a5ad;
--color-grand-entrance-500: #678d97;
--color-grand-entrance-600: #58787f;
--color-grand-entrance-700: #466066;
--color-grand-entrance-800: #32464b;
--color-grand-entrance-900: #223134;
--color-grand-entrance-950: #111d1f;
}SCSS
$grand-entrance: #a8ccd5;
$grand-entrance-rgb: 168, 204, 213;
$grand-entrance-light: mix(#fff, $grand-entrance, 20%);
$grand-entrance-dark: mix(#000, $grand-entrance, 20%);
.element {
color: $grand-entrance;
box-shadow: 0 0 0 2px rgba($grand-entrance, 0.35);
}