이름 색상 · #7988AB
Ship Cove
Ship Cove은(는) #7988AB: rgb(121 136 171), hsl(222 23% 57%), oklch(0.628 0.056 266.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Ship Cove color name →
#7988AB
oklch(0.628 0.056 266.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 8693B3
- 929FBC
- 9FABC4
- ACB6CC
- BAC2D5
- C7CEDD
- D5DAE6
- E3E6EE
- F1F3F7
셰이드
- 687594
- 58637E
- 485268
- 394154
- 2B3140
- 1D222D
- 10131B
- 05060B
- 010101
톤
- 7A87A7
- 7A87A2
- 7B869E
- 7C859A
- 7D8496
- 7D8391
- 7E838D
- 7F8289
- 7F8184
색 조화
보색 +180°
- 7988AB
Ship Cove
- 978761
≈ Treasure Chamber
유사색 -30° +30°
- 7988AB
Ship Cove
- 688EA6
≈ Treasure Map Waters
- 8B82A7
≈ Fabulous Grape
삼각 배색 +120° +240°
- 7988AB
Ship Cove
- A87C76
≈ Cherry Mocha
- 739275
≈ Watercress
분열 보색 +150° +210°
- 7988AB
Ship Cove
- A38068
≈ Matte Brown
- 868D66
≈ Green Coconut
사각 배색 +90° +180° +270°
- 7988AB
Ship Cove
- A57B89
≈ Dusky Orchid
- 978761
≈ Treasure Chamber
- 639487
≈ Fiddler
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.54:1 · APCA Lc 63
Ag
AA검은색 위
WCAG 5.92:1 · APCA Lc 39
가장 좋은 글자색: #000000
WCAG 5.92:1 (AA) · APCA Lc 39
Contrast pairs
코드 스니펫
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);
}