이름 색상 · #01A192
Turquish
Turquish은(는) #01A192: rgb(1 161 146), hsl(174 99% 32%), oklch(0.637 0.113 183.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Turquish color name →
#01A192
oklch(0.637 0.113 183.3)
색상 변환
- HEX
- #01a192
- RGB
- rgb(1 161 146)
- HSL
- hsl(174 99% 32%)
- HWB
- hwb(174 0% 37%)
- OKLCH
- oklch(0.637 0.113 183.3)
- OKLab
- oklab(0.637 -0.113 -0.007)
- CIE Lab
- lab(59.25 -39.38 -2.75)
- LCH
- lch(59.25 39.48 184)
- CMYK
- cmyk(99% 0% 9% 37%)
틴트 · 셰이드 · 톤
틴트
- 3BAA9C
- 58B4A7
- 70BDB2
- 86C7BC
- 9BD0C7
- AFD9D2
- C4E3DD
- D7ECE8
- EBF6F4
셰이드
- 018B7E
- 01766B
- 006258
- 004E46
- 003C35
- 002A25
- 001916
- 000908
- 000101
톤
- 2A9E90
- 3C9B8E
- 4A988D
- 54948B
- 5E9189
- 668E87
- 6D8A85
- 748784
- 7A8482
색 조화
보색 +180°
- 01A192
Turquish
- C36C84
≈ Pink Manhattan
유사색 -30° +30°
- 01A192
Turquish
- 4E9F6A
≈ Mosaic Green
- 009CB4
≈ Caneel Bay
삼각 배색 +120° +240°
- 01A192
Turquish
- 9979C3
≈ Lavender Purple
- BB7B3A
≈ Molten Caramel
분열 보색 +150° +210°
- 01A192
Turquish
- B470A8
≈ Pink Parade
- C6705D
≈ Cajun Spice
사각 배색 +90° +180° +270°
- 01A192
Turquish
- 7586D0
≈ Tanzine
- C36C84
≈ Pink Manhattan
- A2892C
≈ Faint Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.22:1 · APCA Lc 59
Ag
AA검은색 위
WCAG 6.51:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.51:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--turquish: #01a192;
--turquish-rgb: 1 161 146;
--turquish-oklch: oklch(0.637 0.113 183.3);
}
.element {
color: var(--turquish);
background-color: hsl(174 99% 32%);
border-color: oklch(0.637 0.113 183.3);
}Tailwind CSS v4
@theme {
--color-turquish: #01a192;
--color-turquish-50: #d2fff9;
--color-turquish-100: #bef5ed;
--color-turquish-200: #9ce5db;
--color-turquish-300: #6ecabf;
--color-turquish-400: #3cb4a5;
--color-turquish-500: #009e8e;
--color-turquish-600: #008578;
--color-turquish-700: #006b60;
--color-turquish-800: #004f45;
--color-turquish-900: #003730;
--color-turquish-950: #00211c;
}SCSS
$turquish: #01a192;
$turquish-rgb: 1, 161, 146;
$turquish-light: mix(#fff, $turquish, 20%);
$turquish-dark: mix(#000, $turquish, 20%);
.element {
color: $turquish;
box-shadow: 0 0 0 2px rgba($turquish, 0.35);
}