Nazwany kolor · #819DAA
Serene Stream
Serene Stream to #819DAA: rgb(129 157 170), hsl(199 19% 59%), oklch(0.679 0.037 227.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Serene Stream color name →
#819DAA
oklch(0.679 0.037 227.7)
Konwersje koloru
- HEX
- #819daa
- RGB
- rgb(129 157 170)
- HSL
- hsl(199 19% 59%)
- HWB
- hwb(199 51% 33%)
- OKLCH
- oklch(0.679 0.037 227.7)
- OKLab
- oklab(0.679 -0.025 -0.027)
- CIE Lab
- lab(62.92 -7.86 -10.21)
- LCH
- lch(62.92 12.89 232.4)
- CMYK
- cmyk(24% 8% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DA6B2
- 99B0BB
- A6BAC3
- B2C3CB
- BFCDD4
- CBD7DC
- D8E1E5
- E5EBEE
- F2F5F6
Odcienie ciemniejsze
- 6F8893
- 5E737D
- 4E5F68
- 3E4C53
- 2E3A3F
- 1F282D
- 12181B
- 06090B
- 010101
Tony
- 819AA6
- 8197A1
- 81949D
- 819199
- 818E95
- 818C91
- 81898C
- 818688
- 808384
Harmonie kolorów
Komplementarna +180°
- 819DAA
Serene Stream
- AC9285
≈ Coyote Tracks
Analogowa -30° +30°
- 819DAA
Serene Stream
- 7E9FA0
≈ Tower Bridge
- 8A99AF
≈ Moon Veil
Triada +120° +240°
- 819DAA
Serene Stream
- AA8F9C
≈ Mauve Shadows
- 9A9A80
≈ Green Onyx
Komplementarna rozszczepiona +150° +210°
- 819DAA
Serene Stream
- AE8F90
≈ Deauville Mauve
- A5967F
≈ Bronco
Tetrada +90° +180° +270°
- 819DAA
Serene Stream
- A291A7
≈ Fields of Provence
- AC9285
≈ Coyote Tracks
- 8D9E88
≈ Farm Fresh
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.86:1 · APCA Lc 55
Ag
AAANa czerni
WCAG 7.33:1 · APCA Lc 47
Najlepszy kolor tekstu: #000000
WCAG 7.33:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmenty kodu
CSS
:root {
--serene-stream: #819daa;
--serene-stream-rgb: 129 157 170;
--serene-stream-oklch: oklch(0.679 0.037 227.7);
}
.element {
color: var(--serene-stream);
background-color: hsl(199 19% 59%);
border-color: oklch(0.679 0.037 227.7);
}Tailwind CSS v4
@theme {
--color-serene-stream: #819daa;
--color-serene-stream-50: #ebf7fe;
--color-serene-stream-100: #dcebf2;
--color-serene-stream-200: #c5d8e1;
--color-serene-stream-300: #a5bbc7;
--color-serene-stream-400: #89a3b0;
--color-serene-stream-500: #6d8b99;
--color-serene-stream-600: #5d7682;
--color-serene-stream-700: #4a5e68;
--color-serene-stream-800: #35454c;
--color-serene-stream-900: #243035;
--color-serene-stream-950: #131c20;
}SCSS
$serene-stream: #819daa;
$serene-stream-rgb: 129, 157, 170;
$serene-stream-light: mix(#fff, $serene-stream, 20%);
$serene-stream-dark: mix(#000, $serene-stream, 20%);
.element {
color: $serene-stream;
box-shadow: 0 0 0 2px rgba($serene-stream, 0.35);
}