이름 색상 · #008A70
Industrial Turquoise
Industrial Turquoise은(는) #008A70: rgb(0 138 112), hsl(169 100% 27%), oklch(0.565 0.108 173.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Industrial Turquoise color name →
#008A70
oklch(0.565 0.108 173.2)
색상 변환
- HEX
- #008a70
- RGB
- rgb(0 138 112)
- HSL
- hsl(169 100% 27%)
- HWB
- hwb(169 0% 46%)
- OKLCH
- oklch(0.565 0.108 173.2)
- OKLab
- oklab(0.565 -0.107 0.013)
- CIE Lab
- lab(50.92 -38.09 4.56)
- LCH
- lch(50.92 38.36 173.2)
- CMYK
- cmyk(100% 0% 19% 46%)
틴트 · 셰이드 · 톤
틴트
- 35967D
- 51A18B
- 69AD99
- 7FB8A7
- 95C4B5
- AAD0C3
- BFDBD2
- D5E7E1
- EAF3F0
셰이드
- 007760
- 006551
- 005343
- 004235
- 003227
- 00221A
- 00140E
- 000704
- 000101
톤
- 258972
- 368873
- 448875
- 4F8776
- 598678
- 62857A
- 6A847B
- 72837D
- 79817E
색 조화
보색 +180°
- 008A70
Industrial Turquoise
- A6597B
≈ Indian Pink
유사색 -30° +30°
- 008A70
Industrial Turquoise
- 4C864A
≈ Beanpole
- 00868F
≈ Ocean Soul
삼각 배색 +120° +240°
- 008A70
Industrial Turquoise
- 7969AF
≈ Clear Mauve
- A76233
≈ Clove Dye
분열 보색 +150° +210°
- 008A70
Industrial Turquoise
- 945F9A
≈ Aster Violetta
- AC5A57
≈ Tuscan Clay
사각 배색 +90° +180° +270°
- 008A70
Industrial Turquoise
- 5474B5
≈ Prefect
- A6597B
≈ Indian Pink
- 946F17
≈ Honey Yellow Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.31:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.86:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--industrial-turquoise: #008a70;
--industrial-turquoise-rgb: 0 138 112;
--industrial-turquoise-oklch: oklch(0.565 0.108 173.2);
}
.element {
color: var(--industrial-turquoise);
background-color: hsl(169 100% 27%);
border-color: oklch(0.565 0.108 173.2);
}Tailwind CSS v4
@theme {
--color-industrial-turquoise: #008a70;
--color-industrial-turquoise-50: #d6fff3;
--color-industrial-turquoise-100: #c3f4e6;
--color-industrial-turquoise-200: #a3e4d2;
--color-industrial-turquoise-300: #78cab4;
--color-industrial-turquoise-400: #4eb399;
--color-industrial-turquoise-500: #009d80;
--color-industrial-turquoise-600: #0d856c;
--color-industrial-turquoise-700: #0c6a56;
--color-industrial-turquoise-800: #094e3d;
--color-industrial-turquoise-900: #07362a;
--color-industrial-turquoise-950: #002118;
}SCSS
$industrial-turquoise: #008a70;
$industrial-turquoise-rgb: 0, 138, 112;
$industrial-turquoise-light: mix(#fff, $industrial-turquoise, 20%);
$industrial-turquoise-dark: mix(#000, $industrial-turquoise, 20%);
.element {
color: $industrial-turquoise;
box-shadow: 0 0 0 2px rgba($industrial-turquoise, 0.35);
}