이름 색상 · #88B2A9
Silicate Green
Silicate Green은(는) #88B2A9: rgb(136 178 169), hsl(167 21% 62%), oklch(0.73 0.047 180.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Silicate Green color name →
#88B2A9
oklch(0.73 0.047 180.3)
색상 변환
- HEX
- #88b2a9
- RGB
- rgb(136 178 169)
- HSL
- hsl(167 21% 62%)
- HWB
- hwb(167 53% 30%)
- OKLCH
- oklch(0.73 0.047 180.3)
- OKLab
- oklab(0.73 -0.047 0)
- CIE Lab
- lab(69.33 -16.08 -0.24)
- LCH
- lch(69.33 16.09 180.8)
- CMYK
- cmyk(24% 0% 5% 30%)
틴트 · 셰이드 · 톤
틴트
- 94BAB1
- A0C1BA
- ABC9C2
- B7D0CB
- C3D8D3
- CFE0DC
- DBE8E5
- E7EFED
- F3F7F6
셰이드
- 759A92
- 63837C
- 526D67
- 415753
- 31433F
- 222F2C
- 131D1B
- 060C0A
- 010101
톤
- 88ADA5
- 87A8A1
- 86A39C
- 869E98
- 859994
- 849490
- 838F8C
- 828A88
- 818584
색 조화
보색 +180°
- 88B2A9
Silicate Green
- C29CA6
≈ Casa Talec
유사색 -30° +30°
- 88B2A9
Silicate Green
- 93B199
≈ Andean Slate
- 86B0B8
≈ Sebastian Inlet
삼각 배색 +120° +240°
- 88B2A9
Silicate Green
- ACA2C2
≈ Fairy Wand
- BFA28B
≈ Sensational Sand
분열 보색 +150° +210°
- 88B2A9
Silicate Green
- BA9EB6
≈ Fiddlesticks
- C49D96
≈ Andes Ash
사각 배색 +90° +180° +270°
- 88B2A9
Silicate Green
- 9CA7C6
≈ Sapphire Fog
- C29CA6
≈ Casa Talec
- B3A787
≈ Crocker Grove
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.33:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.98:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.98:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--silicate-green: #88b2a9;
--silicate-green-rgb: 136 178 169;
--silicate-green-oklch: oklch(0.73 0.047 180.3);
}
.element {
color: var(--silicate-green);
background-color: hsl(167 21% 62%);
border-color: oklch(0.73 0.047 180.3);
}Tailwind CSS v4
@theme {
--color-silicate-green: #88b2a9;
--color-silicate-green-50: #e7faf6;
--color-silicate-green-100: #d8ede9;
--color-silicate-green-200: #bfdbd6;
--color-silicate-green-300: #9ec0b9;
--color-silicate-green-400: #81a89f;
--color-silicate-green-500: #639187;
--color-silicate-green-600: #547a73;
--color-silicate-green-700: #43625c;
--color-silicate-green-800: #304842;
--color-silicate-green-900: #21322e;
--color-silicate-green-950: #101e1b;
}SCSS
$silicate-green: #88b2a9;
$silicate-green-rgb: 136, 178, 169;
$silicate-green-light: mix(#fff, $silicate-green, 20%);
$silicate-green-dark: mix(#000, $silicate-green, 20%);
.element {
color: $silicate-green;
box-shadow: 0 0 0 2px rgba($silicate-green, 0.35);
}