Nazwany kolor · #92ABD8
Victory Lake
Victory Lake to #92ABD8: rgb(146 171 216), hsl(219 47% 71%), oklch(0.738 0.071 262). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Victory Lake color name →
#92ABD8
oklch(0.738 0.071 262)
Konwersje koloru
- HEX
- #92abd8
- RGB
- rgb(146 171 216)
- HSL
- hsl(219 47% 71%)
- HWB
- hwb(219 57% 15%)
- OKLCH
- oklch(0.738 0.071 262)
- OKLab
- oklab(0.738 -0.01 -0.071)
- CIE Lab
- lab(69.29 -0.93 -25.93)
- LCH
- lch(69.29 25.95 268)
- CMYK
- cmyk(32% 21% 0% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9DB3DC
- A7BCE0
- B2C4E4
- BDCCE8
- C7D5EC
- D2DDF0
- DDE5F4
- E9EEF8
- F4F6FB
Odcienie ciemniejsze
- 7E94BC
- 6B7EA0
- 586885
- 46546B
- 354053
- 252D3B
- 161B25
- 080B11
- 010102
Tony
- 90A7CF
- 8FA2C6
- 8D9EBD
- 8B9AB4
- 8996AC
- 8791A3
- 868D9A
- 848991
- 828489
Harmonie kolorów
Komplementarna +180°
- 92ABD8
Victory Lake
- C1A676
≈ Medallion
Analogowa -30° +30°
- 92ABD8
Victory Lake
- 7CB3D0
≈ Blue Cuddle
- ABA3D4
≈ Milky Lavender
Triada +120° +240°
- 92ABD8
Victory Lake
- D49996
≈ Tobermory
- 91B68D
≈ Foliage
Komplementarna rozszczepiona +150° +210°
- 92ABD8
Victory Lake
- CF9E81
≈ Arbol de Tamarindo
- ABAF7B
≈ Stuffed Olive
Tetrada +90° +180° +270°
- 92ABD8
Victory Lake
- CE98AF
≈ Rosebay
- C1A676
≈ Medallion
- 7BB9A5
≈ Sereni Teal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.32:1 · APCA Lc 46
Ag
AAANa czerni
WCAG 9.03:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 9.03:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--victory-lake: #92abd8;
--victory-lake-rgb: 146 171 216;
--victory-lake-oklch: oklch(0.738 0.071 262);
}
.element {
color: var(--victory-lake);
background-color: hsl(219 47% 71%);
border-color: oklch(0.738 0.071 262);
}Tailwind CSS v4
@theme {
--color-victory-lake: #92abd8;
--color-victory-lake-50: #ebf6ff;
--color-victory-lake-100: #dce8ff;
--color-victory-lake-200: #c5d5f4;
--color-victory-lake-300: #a5b8dd;
--color-victory-lake-400: #889fc9;
--color-victory-lake-500: #6c86b6;
--color-victory-lake-600: #5c729a;
--color-victory-lake-700: #495b7b;
--color-victory-lake-800: #34435b;
--color-victory-lake-900: #232e40;
--color-victory-lake-950: #121b29;
}SCSS
$victory-lake: #92abd8;
$victory-lake-rgb: 146, 171, 216;
$victory-lake-light: mix(#fff, $victory-lake, 20%);
$victory-lake-dark: mix(#000, $victory-lake, 20%);
.element {
color: $victory-lake;
box-shadow: 0 0 0 2px rgba($victory-lake, 0.35);
}