이름 색상 · #AEC7DB
Caspian Tide
Caspian Tide은(는) #AEC7DB: rgb(174 199 219), hsl(207 38% 77%), oklch(0.817 0.039 242.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Caspian Tide color name →
#AEC7DB
oklch(0.817 0.039 242.2)
색상 변환
- HEX
- #aec7db
- RGB
- rgb(174 199 219)
- HSL
- hsl(207 38% 77%)
- HWB
- hwb(207 68% 14%)
- OKLCH
- oklch(0.817 0.039 242.2)
- OKLab
- oklab(0.817 -0.018 -0.035)
- CIE Lab
- lab(78.84 -5.54 -12.99)
- LCH
- lch(78.84 14.12 246.9)
- CMYK
- cmyk(21% 9% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- B6CDDF
- BED2E2
- C6D8E6
- CEDDE9
- D6E3ED
- DEE8F1
- E6EEF4
- EFF4F8
- F7F9FB
셰이드
- 97ADBE
- 8093A2
- 6A7A87
- 55626D
- 414C54
- 2E363C
- 1C2126
- 0B0E11
- 010202
톤
- A9C0D2
- A5B8C8
- A0B1BF
- 9CAAB6
- 97A3AD
- 929CA3
- 8E959A
- 898E92
- 858789
색 조화
보색 +180°
- AEC7DB
Caspian Tide
- D6BEAA
≈ Elusive Dawn
유사색 -30° +30°
- AEC7DB
Caspian Tide
- A7CBD2
≈ Sky Chase
- BAC2DD
≈ Blue Hydrangea
삼각 배색 +120° +240°
- AEC7DB
Caspian Tide
- DAB9C1
≈ Hosanna
- BFC8AC
≈ Tamboon
분열 보색 +150° +210°
- AEC7DB
Caspian Tide
- DBBBB4
≈ Rose Yoghurt
- CCC3A7
≈ Stylish
사각 배색 +90° +180° +270°
- AEC7DB
Caspian Tide
- D3BACF
≈ Bedazzled
- D6BEAA
≈ Elusive Dawn
- B1CBB7
≈ Subtle Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.75:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.99:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--caspian-tide: #aec7db;
--caspian-tide-rgb: 174 199 219;
--caspian-tide-oklch: oklch(0.817 0.039 242.2);
}
.element {
color: var(--caspian-tide);
background-color: hsl(207 38% 77%);
border-color: oklch(0.817 0.039 242.2);
}Tailwind CSS v4
@theme {
--color-caspian-tide: #aec7db;
--color-caspian-tide-50: #ecf7ff;
--color-caspian-tide-100: #ddeaf4;
--color-caspian-tide-200: #c7d7e4;
--color-caspian-tide-300: #a7baca;
--color-caspian-tide-400: #8ba2b4;
--color-caspian-tide-500: #708a9e;
--color-caspian-tide-600: #5f7586;
--color-caspian-tide-700: #4c5d6b;
--color-caspian-tide-800: #36444f;
--color-caspian-tide-900: #252f37;
--color-caspian-tide-950: #141c22;
}SCSS
$caspian-tide: #aec7db;
$caspian-tide-rgb: 174, 199, 219;
$caspian-tide-light: mix(#fff, $caspian-tide, 20%);
$caspian-tide-dark: mix(#000, $caspian-tide, 20%);
.element {
color: $caspian-tide;
box-shadow: 0 0 0 2px rgba($caspian-tide, 0.35);
}