Warna bernama · #AEC7DB
Caspian Tide
Caspian Tide adalah #AEC7DB: rgb(174 199 219), hsl(207 38% 77%), oklch(0.817 0.039 242.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Caspian Tide color name →
#AEC7DB
oklch(0.817 0.039 242.2)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- B6CDDF
- BED2E2
- C6D8E6
- CEDDE9
- D6E3ED
- DEE8F1
- E6EEF4
- EFF4F8
- F7F9FB
Shade
- 97ADBE
- 8093A2
- 6A7A87
- 55626D
- 414C54
- 2E363C
- 1C2126
- 0B0E11
- 010202
Tone
- A9C0D2
- A5B8C8
- A0B1BF
- 9CAAB6
- 97A3AD
- 929CA3
- 8E959A
- 898E92
- 858789
Harmoni warna
Komplementer +180°
- AEC7DB
Caspian Tide
- D6BEAA
≈ Elusive Dawn
Analog -30° +30°
- AEC7DB
Caspian Tide
- A7CBD2
≈ Sky Chase
- BAC2DD
≈ Blue Hydrangea
Triadik +120° +240°
- AEC7DB
Caspian Tide
- DAB9C1
≈ Hosanna
- BFC8AC
≈ Tamboon
Split-komplementer +150° +210°
- AEC7DB
Caspian Tide
- DBBBB4
≈ Rose Yoghurt
- CCC3A7
≈ Stylish
Tetradik +90° +180° +270°
- AEC7DB
Caspian Tide
- D3BACF
≈ Bedazzled
- D6BEAA
≈ Elusive Dawn
- B1CBB7
≈ Subtle Green
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.75:1 · APCA Lc 32
Ag
AAADi atas hitam
WCAG 11.99:1 · APCA Lc 71
Warna teks terbaik: #000000
WCAG 11.99:1 (AAA) · APCA Lc 71
Contrast pairs
Cuplikan kode
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);
}