Colore con nome · #AEC3C4
Dover Surf
Dover Surf è #AEC3C4: rgb(174 195 196), hsl(183 16% 73%), oklch(0.802 0.023 200.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Dover Surf color name →
#AEC3C4
oklch(0.802 0.023 200.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B6C9CA
- BECFD0
- C6D5D5
- CEDBDB
- D6E1E1
- DEE7E7
- E6EDED
- EEF3F3
- F7F9F9
Ombre
- 97A9AA
- 809091
- 6A7878
- 556061
- 414A4A
- 2E3435
- 1C2021
- 0B0E0E
- 010202
Toni
- A9BCBD
- A5B5B6
- A0AEAF
- 9BA8A8
- 97A1A1
- 929A9B
- 8E9494
- 898D8D
- 858687
Armonie di colore
Complementare +180°
- AEC3C4
Dover Surf
- CDB9B8
≈ Hushed Violet
Analogo -30° +30°
- AEC3C4
Dover Surf
- B0C3BC
≈ Ocean Droplet
- B0C1CA
≈ Liberty Grey
Triadico +120° +240°
- AEC3C4
Dover Surf
- C5BAC8
≈ Pocketful of Posies
- C6BDAE
≈ Aspen Branch
Complementare divisa +150° +210°
- AEC3C4
Dover Surf
- CBB9C0
≈ Mauve Finery
- CBBAB1
≈ Smooth Pebbles
Tetradico +90° +180° +270°
- AEC3C4
Dover Surf
- BEBCCC
≈ Silverberry
- CDB9B8
≈ Hushed Violet
- BFC0AF
≈ Fibre Moss
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.84:1 · APCA Lc 35
Ag
AAASu nero
WCAG 11.40:1 · APCA Lc 68
Miglior colore del testo: #000000
WCAG 11.40:1 (AAA) · APCA Lc 68
Contrast pairs
Frammenti di codice
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);
}