Nazwany kolor · #607374
Castaway Lagoon
Castaway Lagoon to #607374: rgb(96 115 116), hsl(183 9% 42%), oklch(0.54 0.023 200.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Castaway Lagoon color name →
#607374
oklch(0.54 0.023 200.4)
Konwersje koloru
- HEX
- #607374
- RGB
- rgb(96 115 116)
- HSL
- hsl(183 9% 42%)
- HWB
- hwb(183 38% 55%)
- OKLCH
- oklch(0.54 0.023 200.4)
- OKLab
- oklab(0.54 -0.021 -0.008)
- CIE Lab
- lab(46.91 -7.12 -3.04)
- LCH
- lch(46.91 7.74 203.1)
- CMYK
- cmyk(17% 1% 0% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F8081
- 7E8D8E
- 8D9B9C
- 9DA9A9
- ACB7B7
- BDC5C5
- CDD3D3
- DDE1E2
- EEF0F0
Odcienie ciemniejsze
- 526364
- 455454
- 384545
- 2C3637
- 202829
- 151B1B
- 0A0F0F
- 030505
- 000101
Tony
- 637475
- 667676
- 6A7778
- 6D7879
- 707A7A
- 737B7B
- 767C7C
- 7A7D7E
- 7D7F7F
Harmonie kolorów
Komplementarna +180°
- 607374
Castaway Lagoon
- 7C6A69
≈ Muscatel
Analogowa -30° +30°
- 607374
Castaway Lagoon
- 62736D
≈ Drifting Downstream
- 62727A
≈ Desert Night
Triada +120° +240°
- 607374
Castaway Lagoon
- 756B77
≈ Purposeful
- 766E60
≈ Randall
Komplementarna rozszczepiona +150° +210°
- 607374
Castaway Lagoon
- 7A6A70
≈ Gothic Spire
- 7A6B63
≈ Trailhead
Tetrada +90° +180° +270°
- 607374
Castaway Lagoon
- 6E6D7B
≈ Prediction
- 7C6A69
≈ Muscatel
- 6F7061
≈ Moss Beach
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.99:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.20:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.99:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--castaway-lagoon: #607374;
--castaway-lagoon-rgb: 96 115 116;
--castaway-lagoon-oklch: oklch(0.54 0.023 200.4);
}
.element {
color: var(--castaway-lagoon);
background-color: hsl(183 9% 42%);
border-color: oklch(0.54 0.023 200.4);
}Tailwind CSS v4
@theme {
--color-castaway-lagoon: #607374;
--color-castaway-lagoon-50: #eef7f8;
--color-castaway-lagoon-100: #e0eaeb;
--color-castaway-lagoon-200: #cad7d8;
--color-castaway-lagoon-300: #abbbbc;
--color-castaway-lagoon-400: #90a3a4;
--color-castaway-lagoon-500: #758b8c;
--color-castaway-lagoon-600: #647677;
--color-castaway-lagoon-700: #4f5e5f;
--color-castaway-lagoon-800: #3a4545;
--color-castaway-lagoon-900: #273030;
--color-castaway-lagoon-950: #161c1c;
}SCSS
$castaway-lagoon: #607374;
$castaway-lagoon-rgb: 96, 115, 116;
$castaway-lagoon-light: mix(#fff, $castaway-lagoon, 20%);
$castaway-lagoon-dark: mix(#000, $castaway-lagoon, 20%);
.element {
color: $castaway-lagoon;
box-shadow: 0 0 0 2px rgba($castaway-lagoon, 0.35);
}