Colore con nome · #A5CED5
Wave
Wave è #A5CED5: rgb(165 206 213), hsl(189 36% 74%), oklch(0.824 0.044 209.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Wave color name →
#A5CED5
oklch(0.824 0.044 209.1)
Conversioni di colore
- HEX
- #a5ced5
- RGB
- rgb(165 206 213)
- HSL
- hsl(189 36% 74%)
- HWB
- hwb(189 65% 16%)
- OKLCH
- oklch(0.824 0.044 209.1)
- OKLab
- oklab(0.824 -0.039 -0.022)
- CIE Lab
- lab(79.98 -12.84 -8.19)
- LCH
- lch(79.98 15.23 212.5)
- CMYK
- cmyk(23% 3% 0% 16%)
Tinte · Ombre · Toni
Tinte
- AED3D9
- B7D8DD
- C0DDE2
- C9E2E6
- D2E6EA
- DBEBEE
- E4F0F2
- EDF5F7
- F6FAFB
Ombre
- 8FB3B9
- 79989E
- 657F83
- 51666A
- 3D4E51
- 2B383A
- 1A2324
- 0A0F10
- 010202
Toni
- A1C6CC
- 9EBEC3
- 9AB6BB
- 97AEB2
- 93A6AA
- 8F9EA1
- 8C9799
- 888F90
- 848888
Armonie di colore
Complementare +180°
- A5CED5
Wave
- E1BBB5
≈ Balcony Rose
Analogo -30° +30°
Triadico +120° +240°
- A5CED5
Wave
- D6BCD4
≈ Lavender Veil
- D1C5A5
≈ Cyrus Grass
Complementare divisa +150° +210°
- A5CED5
Wave
- DFBAC5
≈ Love in a Mist
- DCBFAA
≈ Just Right
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.69:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.38:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--wave: #a5ced5;
--wave-rgb: 165 206 213;
--wave-oklch: oklch(0.824 0.044 209.1);
}
.element {
color: var(--wave);
background-color: hsl(189 36% 74%);
border-color: oklch(0.824 0.044 209.1);
}Tailwind CSS v4
@theme {
--color-wave: #a5ced5;
--color-wave-50: #e8f9fc;
--color-wave-100: #d8ecf0;
--color-wave-200: #c0dadf;
--color-wave-300: #9ebec4;
--color-wave-400: #80a6ad;
--color-wave-500: #638f96;
--color-wave-600: #54797f;
--color-wave-700: #436166;
--color-wave-800: #30474a;
--color-wave-900: #213133;
--color-wave-950: #101d1f;
}SCSS
$wave: #a5ced5;
$wave-rgb: 165, 206, 213;
$wave-light: mix(#fff, $wave, 20%);
$wave-dark: mix(#000, $wave, 20%);
.element {
color: $wave;
box-shadow: 0 0 0 2px rgba($wave, 0.35);
}