이름 색상 · #6AB0B9
Montana Sky
Montana Sky은(는) #6AB0B9: rgb(106 176 185), hsl(187 36% 57%), oklch(0.714 0.072 206.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Montana Sky color name →
#6AB0B9
oklch(0.714 0.072 206.2)
색상 변환
- HEX
- #6ab0b9
- RGB
- rgb(106 176 185)
- HSL
- hsl(187 36% 57%)
- HWB
- hwb(187 42% 27%)
- OKLCH
- oklch(0.714 0.072 206.2)
- OKLab
- oklab(0.714 -0.064 -0.032)
- CIE Lab
- lab(67.48 -21.23 -11.94)
- LCH
- lch(67.48 24.36 209.4)
- CMYK
- cmyk(43% 5% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- 7AB8C0
- 89C0C7
- 98C8CE
- A7CFD5
- B6D7DC
- C5DFE3
- D3E7EA
- E2EFF1
- F0F7F8
셰이드
- 5B99A0
- 4D8289
- 3F6C71
- 31565B
- 244246
- 182E31
- 0D1C1E
- 040B0D
- 000102
톤
- 6EABB3
- 71A6AD
- 74A2A8
- 769DA2
- 78989C
- 7A9396
- 7C8E91
- 7E8A8B
- 7F8586
색 조화
보색 +180°
- 6AB0B9
Montana Sky
- CC928B
≈ Peach Beige
유사색 -30° +30°
- 6AB0B9
Montana Sky
- 70B2A1
≈ Tropic Turquoise
- 77AACA
≈ Mirror Lake
삼각 배색 +120° +240°
- 6AB0B9
Montana Sky
- BB94BB
≈ Sheer Lilac
- B7A06E
≈ Buffalo Hide
분열 보색 +150° +210°
- 6AB0B9
Montana Sky
- C890A4
≈ Pinch Me
- C69877
≈ Copper Moon
사각 배색 +90° +180° +270°
- 6AB0B9
Montana Sky
- A79ACB
≈ Grape Arbour
- CC928B
≈ Peach Beige
- A0A975
≈ Nurturing
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.52:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--montana-sky: #6ab0b9;
--montana-sky-rgb: 106 176 185;
--montana-sky-oklch: oklch(0.714 0.072 206.2);
}
.element {
color: var(--montana-sky);
background-color: hsl(187 36% 57%);
border-color: oklch(0.714 0.072 206.2);
}Tailwind CSS v4
@theme {
--color-montana-sky: #6ab0b9;
--color-montana-sky-50: #dffbff;
--color-montana-sky-100: #cdeff4;
--color-montana-sky-200: #b2dde4;
--color-montana-sky-300: #8cc2cb;
--color-montana-sky-400: #69abb3;
--color-montana-sky-500: #44949e;
--color-montana-sky-600: #3b7d85;
--color-montana-sky-700: #2f646b;
--color-montana-sky-800: #204a4e;
--color-montana-sky-900: #153336;
--color-montana-sky-950: #061f21;
}SCSS
$montana-sky: #6ab0b9;
$montana-sky-rgb: 106, 176, 185;
$montana-sky-light: mix(#fff, $montana-sky, 20%);
$montana-sky-dark: mix(#000, $montana-sky, 20%);
.element {
color: $montana-sky;
box-shadow: 0 0 0 2px rgba($montana-sky, 0.35);
}