이름 색상 · #9EB6D8
Mont Blanc
Mont Blanc은(는) #9EB6D8: rgb(158 182 216), hsl(215 43% 73%), oklch(0.77 0.056 257.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Mont Blanc color name →
#9EB6D8
oklch(0.77 0.056 257.1)
색상 변환
- HEX
- #9eb6d8
- RGB
- rgb(158 182 216)
- HSL
- hsl(215 43% 73%)
- HWB
- hwb(215 62% 15%)
- OKLCH
- oklch(0.77 0.056 257.1)
- OKLab
- oklab(0.77 -0.012 -0.054)
- CIE Lab
- lab(73.09 -2.76 -20.09)
- LCH
- lch(73.09 20.28 262.2)
- CMYK
- cmyk(27% 16% 0% 15%)
틴트 · 셰이드 · 톤
틴트
- A7BDDC
- B1C4E0
- BACCE4
- C4D3E8
- CEDAEC
- D7E1F0
- E1E9F4
- EBF0F7
- F5F8FB
셰이드
- 899EBC
- 7486A0
- 606F85
- 4D596B
- 3A4453
- 29303B
- 181D25
- 090C11
- 010202
톤
- 9BB1CF
- 98ABC6
- 95A6BD
- 92A0B4
- 8F9BAB
- 8C95A3
- 89909A
- 868B91
- 838589
색 조화
보색 +180°
- 9EB6D8
Mont Blanc
- C8B08D
≈ Spanish Sand
유사색 -30° +30°
- 9EB6D8
Mont Blanc
- 8FBCD0
≈ Bonnie Blue
- B1AFD7
≈ Freesia Purple
삼각 배색 +120° +240°
- 9EB6D8
Mont Blanc
- D5A6A7
≈ Pink Cocoa Cupcake
- A4BD9A
≈ Spring Rain
분열 보색 +150° +210°
- 9EB6D8
Mont Blanc
- D3AA96
≈ Rundlet Peach
- B8B78E
≈ Secret Glade
사각 배색 +90° +180° +270°
- 9EB6D8
Mont Blanc
- D0A6BB
≈ Enhance
- C8B08D
≈ Spanish Sand
- 92C0AD
≈ Bella Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.07:1 · APCA Lc 40
Ag
AAA검은색 위
WCAG 10.13:1 · APCA Lc 62
가장 좋은 글자색: #000000
WCAG 10.13:1 (AAA) · APCA Lc 62
Contrast pairs
코드 스니펫
CSS
:root {
--mont-blanc: #9eb6d8;
--mont-blanc-rgb: 158 182 216;
--mont-blanc-oklch: oklch(0.77 0.056 257.1);
}
.element {
color: var(--mont-blanc);
background-color: hsl(215 43% 73%);
border-color: oklch(0.77 0.056 257.1);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #9eb6d8;
--color-mont-blanc-50: #ecf6ff;
--color-mont-blanc-100: #dde9fb;
--color-mont-blanc-200: #c6d5ed;
--color-mont-blanc-300: #a7b9d4;
--color-mont-blanc-400: #8aa0c0;
--color-mont-blanc-500: #6f88ab;
--color-mont-blanc-600: #5e7391;
--color-mont-blanc-700: #4b5c74;
--color-mont-blanc-800: #354356;
--color-mont-blanc-900: #242f3c;
--color-mont-blanc-950: #131b26;
}SCSS
$mont-blanc: #9eb6d8;
$mont-blanc-rgb: 158, 182, 216;
$mont-blanc-light: mix(#fff, $mont-blanc, 20%);
$mont-blanc-dark: mix(#000, $mont-blanc, 20%);
.element {
color: $mont-blanc;
box-shadow: 0 0 0 2px rgba($mont-blanc, 0.35);
}