Nazwany kolor · #355C74
Shasta Lake
Shasta Lake to #355C74: rgb(53 92 116), hsl(203 37% 33%), oklch(0.456 0.059 237). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Shasta Lake color name →
#355C74
oklch(0.456 0.059 237)
Konwersje koloru
- HEX
- #355c74
- RGB
- rgb(53 92 116)
- HSL
- hsl(203 37% 33%)
- HWB
- hwb(203 21% 55%)
- OKLCH
- oklch(0.456 0.059 237)
- OKLab
- oklab(0.456 -0.032 -0.05)
- CIE Lab
- lab(36.97 -8.7 -18.22)
- LCH
- lch(36.97 20.19 244.5)
- CMYK
- cmyk(54% 21% 0% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 486B81
- 5B7B8F
- 6F8A9C
- 829AAA
- 96AAB8
- ABBBC6
- BFCCD4
- D4DCE2
- E9EEF0
Odcienie ciemniejsze
- 2D4F64
- 254254
- 1D3645
- 152A37
- 0E1F29
- 08141B
- 030A0F
- 010305
- 000001
Tony
- 3D6075
- 456377
- 4D6778
- 546B79
- 5C6E7B
- 63727C
- 6A757D
- 71797E
- 797C7F
Harmonie kolorów
Komplementarna +180°
- 355C74
Shasta Lake
- 704E36
≈ Coffee
Analogowa -30° +30°
- 355C74
Shasta Lake
- 296068
≈ Excellence
- 485678
≈ Steadfast
Triada +120° +240°
- 355C74
Shasta Lake
- 724957
≈ Prussian Plum
- 545B34
≈ Shallot Leaf
Komplementarna rozszczepiona +150° +210°
- 355C74
Shasta Lake
- 754A45
≈ Rohwurst
- 65552F
≈ Uguisu Brown
Tetrada +90° +180° +270°
- 355C74
Shasta Lake
- 694B68
≈ Bunchberry
- 704E36
≈ Coffee
- 406044
≈ Cupidity
Kontrast i dostępność
Ag
AAANa bieli
WCAG 7.15:1 · APCA Lc 85
Ag
FailNa czerni
WCAG 2.93:1 · APCA Lc 17
Najlepszy kolor tekstu: #FFFFFF
WCAG 7.15:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--shasta-lake: #355c74;
--shasta-lake-rgb: 53 92 116;
--shasta-lake-oklch: oklch(0.456 0.059 237);
}
.element {
color: var(--shasta-lake);
background-color: hsl(203 37% 33%);
border-color: oklch(0.456 0.059 237);
}Tailwind CSS v4
@theme {
--color-shasta-lake: #355c74;
--color-shasta-lake-50: #e6f8ff;
--color-shasta-lake-100: #d7ebfa;
--color-shasta-lake-200: #bed8eb;
--color-shasta-lake-300: #9cbcd3;
--color-shasta-lake-400: #7da4bd;
--color-shasta-lake-500: #608ca9;
--color-shasta-lake-600: #51778f;
--color-shasta-lake-700: #415f72;
--color-shasta-lake-800: #2e4654;
--color-shasta-lake-900: #1f303b;
--color-shasta-lake-950: #0f1d25;
}SCSS
$shasta-lake: #355c74;
$shasta-lake-rgb: 53, 92, 116;
$shasta-lake-light: mix(#fff, $shasta-lake, 20%);
$shasta-lake-dark: mix(#000, $shasta-lake, 20%);
.element {
color: $shasta-lake;
box-shadow: 0 0 0 2px rgba($shasta-lake, 0.35);
}