Warna bernama · #ACCAD5
Sea Wind
Sea Wind adalah #ACCAD5: rgb(172 202 213), hsl(196 33% 75%), oklch(0.82 0.036 222). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Cyan mean? → · Sea Wind color name →
#ACCAD5
oklch(0.82 0.036 222)
Konversi warna
- HEX
- #accad5
- RGB
- rgb(172 202 213)
- HSL
- hsl(196 33% 75%)
- HWB
- hwb(196 67% 16%)
- OKLCH
- oklch(0.82 0.036 222)
- OKLab
- oklab(0.82 -0.027 -0.024)
- CIE Lab
- lab(79.36 -8.65 -9.04)
- LCH
- lch(79.36 12.51 226.3)
- CMYK
- cmyk(19% 5% 0% 16%)
Tint · Shade · Tone
Tint
- B4CFD9
- BCD4DD
- C5DAE2
- CDDFE6
- D5E4EA
- DEEAEE
- E6EFF2
- EEF4F7
- F7FAFB
Shade
- 95AFB9
- 7F959E
- 697C83
- 54646A
- 404D51
- 2D373A
- 1B2224
- 0B0F10
- 010202
Tone
- A8C2CC
- A3BBC3
- 9FB3BB
- 9AACB2
- 96A4AA
- 929DA1
- 8D9699
- 898E90
- 848788
Harmoni warna
Komplementer +180°
- ACCAD5
Sea Wind
- DABDB3
≈ Peach Blush
Analog -30° +30°
- ACCAD5
Sea Wind
- ABCCCA
≈ Baroque Chalk Soft Blue
- B4C6DB
≈ Blue Ballerina
Triadik +120° +240°
- ACCAD5
Sea Wind
- D6BCCB
≈ Noteworthy
- C8C6AB
≈ Cargo Green
Split-komplementer +150° +210°
- ACCAD5
Sea Wind
- DABBBE
≈ Shy Smile
- D3C1AC
≈ Frosted Almond
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.72:1 · APCA Lc 31
Ag
AAADi atas hitam
WCAG 12.16:1 · APCA Lc 72
Warna teks terbaik: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Cuplikan kode
CSS
:root {
--sea-wind: #accad5;
--sea-wind-rgb: 172 202 213;
--sea-wind-oklch: oklch(0.82 0.036 222);
}
.element {
color: var(--sea-wind);
background-color: hsl(196 33% 75%);
border-color: oklch(0.82 0.036 222);
}Tailwind CSS v4
@theme {
--color-sea-wind: #accad5;
--color-sea-wind-50: #ebf8fd;
--color-sea-wind-100: #dcebf1;
--color-sea-wind-200: #c5d8e0;
--color-sea-wind-300: #a5bcc5;
--color-sea-wind-400: #88a4ae;
--color-sea-wind-500: #6d8c97;
--color-sea-wind-600: #5c7680;
--color-sea-wind-700: #495f66;
--color-sea-wind-800: #35454b;
--color-sea-wind-900: #243034;
--color-sea-wind-950: #131c1f;
}SCSS
$sea-wind: #accad5;
$sea-wind-rgb: 172, 202, 213;
$sea-wind-light: mix(#fff, $sea-wind, 20%);
$sea-wind-dark: mix(#000, $sea-wind, 20%);
.element {
color: $sea-wind;
box-shadow: 0 0 0 2px rgba($sea-wind, 0.35);
}