이름 색상 · #AEC3C4
Dover Surf
Dover Surf은(는) #AEC3C4: rgb(174 195 196), hsl(183 16% 73%), oklch(0.802 0.023 200.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Dover Surf color name →
#AEC3C4
oklch(0.802 0.023 200.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- B6C9CA
- BECFD0
- C6D5D5
- CEDBDB
- D6E1E1
- DEE7E7
- E6EDED
- EEF3F3
- F7F9F9
셰이드
- 97A9AA
- 809091
- 6A7878
- 556061
- 414A4A
- 2E3435
- 1C2021
- 0B0E0E
- 010202
톤
- A9BCBD
- A5B5B6
- A0AEAF
- 9BA8A8
- 97A1A1
- 929A9B
- 8E9494
- 898D8D
- 858687
색 조화
보색 +180°
- AEC3C4
Dover Surf
- CDB9B8
≈ Hushed Violet
유사색 -30° +30°
- AEC3C4
Dover Surf
- B0C3BC
≈ Ocean Droplet
- B0C1CA
≈ Liberty Grey
삼각 배색 +120° +240°
- AEC3C4
Dover Surf
- C5BAC8
≈ Pocketful of Posies
- C6BDAE
≈ Aspen Branch
분열 보색 +150° +210°
- AEC3C4
Dover Surf
- CBB9C0
≈ Mauve Finery
- CBBAB1
≈ Smooth Pebbles
사각 배색 +90° +180° +270°
- AEC3C4
Dover Surf
- BEBCCC
≈ Silverberry
- CDB9B8
≈ Hushed Violet
- BFC0AF
≈ Fibre Moss
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.84:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.40:1 · APCA Lc 68
가장 좋은 글자색: #000000
WCAG 11.40:1 (AAA) · APCA Lc 68
Contrast pairs
코드 스니펫
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);
}