Colore con nome · #ACCAD5
Sea Wind
Sea Wind è #ACCAD5: rgb(172 202 213), hsl(196 33% 75%), oklch(0.82 0.036 222). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Sea Wind color name →
#ACCAD5
oklch(0.82 0.036 222)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B4CFD9
- BCD4DD
- C5DAE2
- CDDFE6
- D5E4EA
- DEEAEE
- E6EFF2
- EEF4F7
- F7FAFB
Ombre
- 95AFB9
- 7F959E
- 697C83
- 54646A
- 404D51
- 2D373A
- 1B2224
- 0B0F10
- 010202
Toni
- A8C2CC
- A3BBC3
- 9FB3BB
- 9AACB2
- 96A4AA
- 929DA1
- 8D9699
- 898E90
- 848788
Armonie di colore
Complementare +180°
- ACCAD5
Sea Wind
- DABDB3
≈ Peach Blush
Analogo -30° +30°
- ACCAD5
Sea Wind
- ABCCCA
≈ Baroque Chalk Soft Blue
- B4C6DB
≈ Blue Ballerina
Triadico +120° +240°
- ACCAD5
Sea Wind
- D6BCCB
≈ Noteworthy
- C8C6AB
≈ Cargo Green
Complementare divisa +150° +210°
- ACCAD5
Sea Wind
- DABBBE
≈ Shy Smile
- D3C1AC
≈ Frosted Almond
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASu nero
WCAG 12.16:1 · APCA Lc 72
Miglior colore del testo: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Frammenti di codice
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);
}