이름 색상 · #92B6CF
Sea Mark
Sea Mark은(는) #92B6CF: rgb(146 182 207), hsl(205 39% 69%), oklch(0.758 0.053 238.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Sea Mark color name →
#92B6CF
oklch(0.758 0.053 238.7)
색상 변환
- HEX
- #92b6cf
- RGB
- rgb(146 182 207)
- HSL
- hsl(205 39% 69%)
- HWB
- hwb(205 57% 19%)
- OKLCH
- oklch(0.758 0.053 238.7)
- OKLab
- oklab(0.758 -0.028 -0.045)
- CIE Lab
- lab(72.04 -8.2 -16.89)
- LCH
- lch(72.04 18.78 244.1)
- CMYK
- cmyk(29% 12% 0% 19%)
틴트 · 셰이드 · 톤
틴트
- 9DBDD4
- A8C4D9
- B2CCDE
- BDD3E2
- C8DAE7
- D3E1EC
- DEE9F1
- E9F0F5
- F4F8FA
셰이드
- 7E9EB4
- 6B8699
- 586F7F
- 465967
- 35444F
- 253038
- 161D23
- 080C10
- 010202
톤
- 90B1C7
- 8FABBF
- 8DA6B7
- 8BA0AF
- 8A9BA7
- 88959F
- 869097
- 848B8F
- 828588
색 조화
보색 +180°
- 92B6CF
Sea Mark
- CBA990
≈ Fox Hill
유사색 -30° +30°
- 92B6CF
Sea Mark
- 89BAC3
≈ Sea Angel
- A2B0D3
≈ Calm Interlude
삼각 배색 +120° +240°
- 92B6CF
Sea Mark
- CEA3B0
≈ Birthday Candle
- ADB690
≈ Casa Verde
분열 보색 +150° +210°
- 92B6CF
Sea Mark
- D0A59E
≈ Eunry
- BEAF8A
≈ Owl Manner Malt
사각 배색 +90° +180° +270°
- 92B6CF
Sea Mark
- C4A5C2
≈ Novel Lilac
- CBA990
≈ Fox Hill
- 9ABA9E
≈ Greyed Jade
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.81:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--sea-mark: #92b6cf;
--sea-mark-rgb: 146 182 207;
--sea-mark-oklch: oklch(0.758 0.053 238.7);
}
.element {
color: var(--sea-mark);
background-color: hsl(205 39% 69%);
border-color: oklch(0.758 0.053 238.7);
}Tailwind CSS v4
@theme {
--color-sea-mark: #92b6cf;
--color-sea-mark-50: #e8f8ff;
--color-sea-mark-100: #d9ebf8;
--color-sea-mark-200: #c1d8e9;
--color-sea-mark-300: #a0bcd0;
--color-sea-mark-400: #82a3bb;
--color-sea-mark-500: #658ca6;
--color-sea-mark-600: #56768c;
--color-sea-mark-700: #445e70;
--color-sea-mark-800: #314553;
--color-sea-mark-900: #21303a;
--color-sea-mark-950: #101c24;
}SCSS
$sea-mark: #92b6cf;
$sea-mark-rgb: 146, 182, 207;
$sea-mark-light: mix(#fff, $sea-mark, 20%);
$sea-mark-dark: mix(#000, $sea-mark, 20%);
.element {
color: $sea-mark;
box-shadow: 0 0 0 2px rgba($sea-mark, 0.35);
}