Nazwany kolor · #A5CED5
Wave
Wave to #A5CED5: rgb(165 206 213), hsl(189 36% 74%), oklch(0.824 0.044 209.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Wave color name →
#A5CED5
oklch(0.824 0.044 209.1)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AED3D9
- B7D8DD
- C0DDE2
- C9E2E6
- D2E6EA
- DBEBEE
- E4F0F2
- EDF5F7
- F6FAFB
Odcienie ciemniejsze
- 8FB3B9
- 79989E
- 657F83
- 51666A
- 3D4E51
- 2B383A
- 1A2324
- 0A0F10
- 010202
Tony
- A1C6CC
- 9EBEC3
- 9AB6BB
- 97AEB2
- 93A6AA
- 8F9EA1
- 8C9799
- 888F90
- 848888
Harmonie kolorów
Komplementarna +180°
- A5CED5
Wave
- E1BBB5
≈ Balcony Rose
Analogowa -30° +30°
Triada +120° +240°
- A5CED5
Wave
- D6BCD4
≈ Lavender Veil
- D1C5A5
≈ Cyrus Grass
Komplementarna rozszczepiona +150° +210°
- A5CED5
Wave
- DFBAC5
≈ Love in a Mist
- DCBFAA
≈ Just Right
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.69:1 · APCA Lc 30
Ag
AAANa czerni
WCAG 12.38:1 · APCA Lc 73
Najlepszy kolor tekstu: #000000
WCAG 12.38:1 (AAA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
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);
}