Nazwany kolor · #68909D
Secret Cove
Secret Cove to #68909D: rgb(104 144 157), hsl(195 21% 51%), oklch(0.629 0.048 220). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Secret Cove color name →
#68909D
oklch(0.629 0.048 220)
Konwersje koloru
- HEX
- #68909d
- RGB
- rgb(104 144 157)
- HSL
- hsl(195 21% 51%)
- HWB
- hwb(195 41% 38%)
- OKLCH
- oklch(0.629 0.048 220)
- OKLab
- oklab(0.629 -0.037 -0.031)
- CIE Lab
- lab(57.19 -11.8 -11.59)
- LCH
- lch(57.19 16.54 224.5)
- CMYK
- cmyk(34% 8% 0% 38%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 779BA6
- 85A5B0
- 94B0BA
- A3BBC3
- B2C6CD
- C1D1D7
- D0DDE1
- E0E8EB
- EFF3F5
Odcienie ciemniejsze
- 597D88
- 4B6A73
- 3E575F
- 30454C
- 24343A
- 182428
- 0C1518
- 040709
- 000101
Tony
- 6B8E9A
- 6E8D97
- 708B94
- 738A91
- 75888F
- 77878C
- 7A8589
- 7C8386
- 7E8283
Harmonie kolorów
Komplementarna +180°
- 68909D
Secret Cove
- A37F73
≈ Fresh Cedar
Analogowa -30° +30°
- 68909D
Secret Cove
- 67928F
≈ Pauley
- 738BA5
≈ Starset
Triada +120° +240°
- 68909D
Secret Cove
- 9D7E92
≈ Berry Bliss
- 8F8A68
≈ Playing Hooky
Komplementarna rozszczepiona +150° +210°
- 68909D
Secret Cove
- A37D82
≈ Cherry Mocha
- 9C8469
≈ Tahini Brown
Tetrada +90° +180° +270°
- 68909D
Secret Cove
- 92819F
≈ Fabulous Grape
- A37F73
≈ Fresh Cedar
- 7F8F70
≈ Battleship Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.46:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.06:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--secret-cove: #68909d;
--secret-cove-rgb: 104 144 157;
--secret-cove-oklch: oklch(0.629 0.048 220);
}
.element {
color: var(--secret-cove);
background-color: hsl(195 21% 51%);
border-color: oklch(0.629 0.048 220);
}Tailwind CSS v4
@theme {
--color-secret-cove: #68909d;
--color-secret-cove-50: #e7f9ff;
--color-secret-cove-100: #d7ecf4;
--color-secret-cove-200: #bfd9e3;
--color-secret-cove-300: #9dbdc9;
--color-secret-cove-400: #7fa6b2;
--color-secret-cove-500: #628e9c;
--color-secret-cove-600: #537884;
--color-secret-cove-700: #42606a;
--color-secret-cove-800: #2f474d;
--color-secret-cove-900: #203136;
--color-secret-cove-950: #0f1d21;
}SCSS
$secret-cove: #68909d;
$secret-cove-rgb: 104, 144, 157;
$secret-cove-light: mix(#fff, $secret-cove, 20%);
$secret-cove-dark: mix(#000, $secret-cove, 20%);
.element {
color: $secret-cove;
box-shadow: 0 0 0 2px rgba($secret-cove, 0.35);
}