이름 색상 · #BCB6B4
North Island
North Island은(는) #BCB6B4: rgb(188 182 180), hsl(15 6% 72%), oklch(0.781 0.007 39.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · North Island color name →
#BCB6B4
oklch(0.781 0.007 39.4)
색상 변환
- HEX
- #bcb6b4
- RGB
- rgb(188 182 180)
- HSL
- hsl(15 6% 72%)
- HWB
- hwb(15 71% 26%)
- OKLCH
- oklch(0.781 0.007 39.4)
- OKLab
- oklab(0.781 0.006 0.005)
- CIE Lab
- lab(74.5 1.93 1.81)
- LCH
- lch(74.5 2.65 43.3)
- CMYK
- cmyk(0% 3% 4% 26%)
틴트 · 셰이드 · 톤
틴트
- C3BDBB
- C9C4C3
- D0CBCA
- D6D3D1
- DDDAD9
- E4E1E0
- EBE9E8
- F1F0F0
- F8F7F7
셰이드
- A39E9C
- 8B8685
- 736F6E
- 5D5958
- 474444
- 323030
- 1F1D1D
- 0D0C0C
- 020202
톤
- B6B0AF
- B0ABA9
- AAA5A4
- A4A09F
- 9D9B9A
- 989594
- 92908F
- 8C8B8A
- 868585
색 조화
보색 +180°
- BCB6B4
North Island
- B3B9BB
≈ Silver Mistral
유사색 -30° +30°
- BCB6B4
North Island
- BCB6B6
≈ North Island
- BBB7B3
≈ Dusty Warrior
삼각 배색 +120° +240°
- BCB6B4
North Island
- B4B9B6
≈ Lunar Surface
- B6B7BC
≈ Powder Dust
분열 보색 +150° +210°
- BCB6B4
North Island
- B3B9B8
≈ Silver Mistral
- B4B8BC
≈ Let It Rain
사각 배색 +90° +180° +270°
- BCB6B4
North Island
- B6B8B4
≈ Rand Moon
- B3B9BB
≈ Silver Mistral
- B9B6BB
≈ Best in Show
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.00:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.48:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.48:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--north-island: #bcb6b4;
--north-island-rgb: 188 182 180;
--north-island-oklch: oklch(0.781 0.007 39.4);
}
.element {
color: var(--north-island);
background-color: hsl(15 6% 72%);
border-color: oklch(0.781 0.007 39.4);
}Tailwind CSS v4
@theme {
--color-north-island: #bcb6b4;
--color-north-island-50: #f7f4f3;
--color-north-island-100: #eae7e6;
--color-north-island-200: #d7d3d2;
--color-north-island-300: #bbb6b4;
--color-north-island-400: #a39d9b;
--color-north-island-500: #8b8582;
--color-north-island-600: #75706e;
--color-north-island-700: #5e5a58;
--color-north-island-800: #454140;
--color-north-island-900: #302d2c;
--color-north-island-950: #1c1a1a;
}SCSS
$north-island: #bcb6b4;
$north-island-rgb: 188, 182, 180;
$north-island-light: mix(#fff, $north-island, 20%);
$north-island-dark: mix(#000, $north-island, 20%);
.element {
color: $north-island;
box-shadow: 0 0 0 2px rgba($north-island, 0.35);
}