이름 색상 · #8BB6B8
Summit
Summit은(는) #8BB6B8: rgb(139 182 184), hsl(183 24% 63%), oklch(0.746 0.046 199.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Summit color name →
#8BB6B8
oklch(0.746 0.046 199.8)
색상 변환
- HEX
- #8bb6b8
- RGB
- rgb(139 182 184)
- HSL
- hsl(183 24% 63%)
- HWB
- hwb(183 55% 28%)
- OKLCH
- oklch(0.746 0.046 199.8)
- OKLab
- oklab(0.746 -0.043 -0.016)
- CIE Lab
- lab(71 -14.52 -5.97)
- LCH
- lch(71 15.7 202.3)
- CMYK
- cmyk(24% 1% 0% 28%)
틴트 · 셰이드 · 톤
틴트
- 97BDBF
- A2C4C6
- AECCCD
- B9D3D4
- C5DADB
- D0E1E2
- DCE9E9
- E8F0F0
- F3F8F8
셰이드
- 789EA0
- 668688
- 546F71
- 43595B
- 324445
- 233031
- 141D1E
- 070C0C
- 010202
톤
- 8AB0B2
- 89ABAD
- 89A6A7
- 88A0A1
- 869B9C
- 859596
- 849090
- 838B8B
- 818585
색 조화
보색 +180°
- 8BB6B8
Summit
- C8A2A1
≈ Lady Guinevere
유사색 -30° +30°
- 8BB6B8
Summit
- 91B7A8
≈ Treetop
- 90B3C4
≈ Bright Bluebonnet
삼각 배색 +120° +240°
- 8BB6B8
Summit
- BAA4BF
≈ Viola Sororia
- BCAA8C
≈ Bamboo Screen
분열 보색 +150° +210°
- 8BB6B8
Summit
- C4A1B1
≈ Shady Pink
- C6A593
≈ Moenkopi Soil
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.21:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.48:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--summit: #8bb6b8;
--summit-rgb: 139 182 184;
--summit-oklch: oklch(0.746 0.046 199.8);
}
.element {
color: var(--summit);
background-color: hsl(183 24% 63%);
border-color: oklch(0.746 0.046 199.8);
}Tailwind CSS v4
@theme {
--color-summit: #8bb6b8;
--color-summit-50: #e7f9fb;
--color-summit-100: #d7edee;
--color-summit-200: #bfdbdc;
--color-summit-300: #9dbfc1;
--color-summit-400: #7fa7a9;
--color-summit-500: #619092;
--color-summit-600: #537a7b;
--color-summit-700: #426163;
--color-summit-800: #2f4748;
--color-summit-900: #203132;
--color-summit-950: #0f1d1e;
}SCSS
$summit: #8bb6b8;
$summit-rgb: 139, 182, 184;
$summit-light: mix(#fff, $summit, 20%);
$summit-dark: mix(#000, $summit, 20%);
.element {
color: $summit;
box-shadow: 0 0 0 2px rgba($summit, 0.35);
}