Nazwany kolor · #7988AB
Ship Cove
Ship Cove to #7988AB: rgb(121 136 171), hsl(222 23% 57%), oklch(0.628 0.056 266.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Ship Cove color name →
#7988AB
oklch(0.628 0.056 266.7)
Konwersje koloru
- HEX
- #7988ab
- RGB
- rgb(121 136 171)
- HSL
- hsl(222 23% 57%)
- HWB
- hwb(222 47% 33%)
- OKLCH
- oklch(0.628 0.056 266.7)
- OKLab
- oklab(0.628 -0.003 -0.056)
- CIE Lab
- lab(56.46 0.64 -20.52)
- LCH
- lch(56.46 20.53 271.8)
- CMYK
- cmyk(29% 20% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8693B3
- 929FBC
- 9FABC4
- ACB6CC
- BAC2D5
- C7CEDD
- D5DAE6
- E3E6EE
- F1F3F7
Odcienie ciemniejsze
- 687594
- 58637E
- 485268
- 394154
- 2B3140
- 1D222D
- 10131B
- 05060B
- 010101
Tony
- 7A87A7
- 7A87A2
- 7B869E
- 7C859A
- 7D8496
- 7D8391
- 7E838D
- 7F8289
- 7F8184
Harmonie kolorów
Komplementarna +180°
- 7988AB
Ship Cove
- 978761
≈ Treasure Chamber
Analogowa -30° +30°
- 7988AB
Ship Cove
- 688EA6
≈ Treasure Map Waters
- 8B82A7
≈ Fabulous Grape
Triada +120° +240°
- 7988AB
Ship Cove
- A87C76
≈ Cherry Mocha
- 739275
≈ Watercress
Komplementarna rozszczepiona +150° +210°
- 7988AB
Ship Cove
- A38068
≈ Matte Brown
- 868D66
≈ Green Coconut
Tetrada +90° +180° +270°
- 7988AB
Ship Cove
- A57B89
≈ Dusky Orchid
- 978761
≈ Treasure Chamber
- 639487
≈ Fiddler
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.54:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.92:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--ship-cove: #7988ab;
--ship-cove-rgb: 121 136 171;
--ship-cove-oklch: oklch(0.628 0.056 266.7);
}
.element {
color: var(--ship-cove);
background-color: hsl(222 23% 57%);
border-color: oklch(0.628 0.056 266.7);
}Tailwind CSS v4
@theme {
--color-ship-cove: #7988ab;
--color-ship-cove-50: #eef5ff;
--color-ship-cove-100: #e0e8fb;
--color-ship-cove-200: #cad4ed;
--color-ship-cove-300: #abb7d5;
--color-ship-cove-400: #8f9ec0;
--color-ship-cove-500: #7586ac;
--color-ship-cove-600: #637191;
--color-ship-cove-700: #4f5a74;
--color-ship-cove-800: #394256;
--color-ship-cove-900: #272e3c;
--color-ship-cove-950: #151a26;
}SCSS
$ship-cove: #7988ab;
$ship-cove-rgb: 121, 136, 171;
$ship-cove-light: mix(#fff, $ship-cove, 20%);
$ship-cove-dark: mix(#000, $ship-cove, 20%);
.element {
color: $ship-cove;
box-shadow: 0 0 0 2px rgba($ship-cove, 0.35);
}