가장 가까운 이름 색상 · #9BB0C9
#9BB0C9
가장 가까운 이름 색상: Mont Blanc
#9BB0C9(rgb(155 176 201), hsl(213 30% 70%), oklch(0.749 0.043 252.9))와 가장 가까운 이름 색상은 Mont Blanc입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#9BB0C9
oklch(0.749 0.043 252.9)
색상 변환
- HEX
- #9bb0c9
- RGB
- rgb(155 176 201)
- HSL
- hsl(213 30% 70%)
- HWB
- hwb(213 61% 21%)
- OKLCH
- oklch(0.749 0.043 252.9)
- OKLab
- oklab(0.749 -0.013 -0.041)
- CIE Lab
- lab(70.84 -3.38 -15.33)
- LCH
- lch(70.84 15.7 257.6)
- CMYK
- cmyk(23% 12% 0% 21%)
틴트 · 셰이드 · 톤
틴트
- A5B8CE
- AEBFD4
- B8C7D9
- C2CFDF
- CCD7E4
- D6DFE9
- E0E7EF
- EAEFF4
- F5F7FA
셰이드
- 8699AE
- 728295
- 5E6C7C
- 4B5664
- 39424C
- 282E36
- 181C22
- 090B0F
- 010102
톤
- 98ABC2
- 96A6BA
- 93A1B3
- 909DAB
- 8E98A4
- 8B939D
- 888E95
- 85898E
- 838587
색 조화
보색 +180°
- 9BB0C9
Mont Blanc
- BFAA90
≈ 3AM Latte
유사색 -30° +30°
- 9BB0C9
Mont Blanc
- 91B4C2
≈ Bright Bluebonnet
- A9ABC9
≈ Cosmic Sky
삼각 배색 +120° +240°
- 9BB0C9
Mont Blanc
- C8A3A6
≈ Pale Mauve
- A3B498
≈ Banksia
분열 보색 +150° +210°
- 9BB0C9
Mont Blanc
- C6A698
≈ Howdy Partner
- B2AF90
≈ That’s Atomic
사각 배색 +90° +180° +270°
- 9BB0C9
Mont Blanc
- C2A3B5
≈ Hollyhock Pink
- BFAA90
≈ 3AM Latte
- 96B7A6
≈ Nile River
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.22:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.44:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.44:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--mont-blanc: #9bb0c9;
--mont-blanc-rgb: 155 176 201;
--mont-blanc-oklch: oklch(0.749 0.043 252.9);
}
.element {
color: var(--mont-blanc);
background-color: hsl(213 30% 70%);
border-color: oklch(0.749 0.043 252.9);
}Tailwind CSS v4
@theme {
--color-mont-blanc: #9bb0c9;
--color-mont-blanc-50: #edf6ff;
--color-mont-blanc-100: #dfe9f6;
--color-mont-blanc-200: #c8d6e7;
--color-mont-blanc-300: #a9b9ce;
--color-mont-blanc-400: #8da0b8;
--color-mont-blanc-500: #7288a3;
--color-mont-blanc-600: #617389;
--color-mont-blanc-700: #4d5c6e;
--color-mont-blanc-800: #374451;
--color-mont-blanc-900: #262f38;
--color-mont-blanc-950: #141b23;
}SCSS
$mont-blanc: #9bb0c9;
$mont-blanc-rgb: 155, 176, 201;
$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);
}