Cor nomeada · #AEC3C4
Dover Surf
Dover Surf é #AEC3C4: rgb(174 195 196), hsl(183 16% 73%), oklch(0.802 0.023 200.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dover Surf color name →
#AEC3C4
oklch(0.802 0.023 200.2)
Conversões de cor
- HEX
- #aec3c4
- RGB
- rgb(174 195 196)
- HSL
- hsl(183 16% 73%)
- HWB
- hwb(183 68% 23%)
- OKLCH
- oklch(0.802 0.023 200.2)
- OKLab
- oklab(0.802 -0.022 -0.008)
- CIE Lab
- lab(77.21 -7.25 -3.06)
- LCH
- lch(77.21 7.87 202.9)
- CMYK
- cmyk(11% 1% 0% 23%)
Tons claros · Sombras · Tons
Tons claros
- B6C9CA
- BECFD0
- C6D5D5
- CEDBDB
- D6E1E1
- DEE7E7
- E6EDED
- EEF3F3
- F7F9F9
Sombras
- 97A9AA
- 809091
- 6A7878
- 556061
- 414A4A
- 2E3435
- 1C2021
- 0B0E0E
- 010202
Tons
- A9BCBD
- A5B5B6
- A0AEAF
- 9BA8A8
- 97A1A1
- 929A9B
- 8E9494
- 898D8D
- 858687
Harmonias de cor
Complementar +180°
- AEC3C4
Dover Surf
- CDB9B8
≈ Hushed Violet
Análoga -30° +30°
- AEC3C4
Dover Surf
- B0C3BC
≈ Ocean Droplet
- B0C1CA
≈ Liberty Grey
Tríade +120° +240°
- AEC3C4
Dover Surf
- C5BAC8
≈ Pocketful of Posies
- C6BDAE
≈ Aspen Branch
Complementar dividida +150° +210°
- AEC3C4
Dover Surf
- CBB9C0
≈ Mauve Finery
- CBBAB1
≈ Smooth Pebbles
Tétrade +90° +180° +270°
- AEC3C4
Dover Surf
- BEBCCC
≈ Silverberry
- CDB9B8
≈ Hushed Violet
- BFC0AF
≈ Fibre Moss
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASobre preto
WCAG 11.40:1 · APCA Lc 68
Melhor cor de texto: #000000
WCAG 11.40:1 (AAA) · APCA Lc 68
Contrast pairs
Trechos de código
CSS
:root {
--dover-surf: #aec3c4;
--dover-surf-rgb: 174 195 196;
--dover-surf-oklch: oklch(0.802 0.023 200.2);
}
.element {
color: var(--dover-surf);
background-color: hsl(183 16% 73%);
border-color: oklch(0.802 0.023 200.2);
}Tailwind CSS v4
@theme {
--color-dover-surf: #aec3c4;
--color-dover-surf-50: #eef7f8;
--color-dover-surf-100: #e0eaeb;
--color-dover-surf-200: #cad7d8;
--color-dover-surf-300: #abbbbc;
--color-dover-surf-400: #8fa3a4;
--color-dover-surf-500: #758b8c;
--color-dover-surf-600: #637677;
--color-dover-surf-700: #4f5e5f;
--color-dover-surf-800: #394545;
--color-dover-surf-900: #273030;
--color-dover-surf-950: #151c1c;
}SCSS
$dover-surf: #aec3c4;
$dover-surf-rgb: 174, 195, 196;
$dover-surf-light: mix(#fff, $dover-surf, 20%);
$dover-surf-dark: mix(#000, $dover-surf, 20%);
.element {
color: $dover-surf;
box-shadow: 0 0 0 2px rgba($dover-surf, 0.35);
}