이름 색상 · #73D4C2
Turquoise Twist
Turquoise Twist은(는) #73D4C2: rgb(115 212 194), hsl(169 53% 64%), oklch(0.805 0.096 180.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Turquoise Twist color name →
#73D4C2
oklch(0.805 0.096 180.3)
색상 변환
- HEX
- #73d4c2
- RGB
- rgb(115 212 194)
- HSL
- hsl(169 53% 64%)
- HWB
- hwb(169 45% 17%)
- OKLCH
- oklch(0.805 0.096 180.3)
- OKLab
- oklab(0.805 -0.096 0)
- CIE Lab
- lab(78.63 -33.27 -0.44)
- LCH
- lch(78.63 33.27 180.8)
- CMYK
- cmyk(46% 0% 8% 17%)
틴트 · 셰이드 · 톤
틴트
- 83D8C8
- 93DDCE
- A1E1D4
- B0E6DA
- BDEAE0
- CBEEE6
- D8F2EC
- E5F7F3
- F2FBF9
셰이드
- 63B8A8
- 549D8F
- 458377
- 366960
- 285149
- 1B3A34
- 0F2420
- 05100E
- 010202
톤
- 76CBBB
- 79C3B4
- 7CBAAE
- 7DB2A7
- 7FA9A0
- 80A19A
- 809993
- 80908D
- 808886
색 조화
보색 +180°
- 73D4C2
Turquoise Twist
- F4A5BC
≈ Petal Power
유사색 -30° +30°
- 73D4C2
Turquoise Twist
- 92D19F
≈ Fennel
- 6DD0E2
≈ Summer of ’82
삼각 배색 +120° +240°
- 73D4C2
Turquoise Twist
- C9B2F5
≈ Purple Sand
- EDB17F
≈ Rusty Sand
분열 보색 +150° +210°
- 73D4C2
Turquoise Twist
- E3A9DD
≈ Cosmic Pink
- F7A89A
≈ Duchess Rose
사각 배색 +90° +180° +270°
- 73D4C2
Turquoise Twist
- A7BDFE
≈ Pastel Blue
- F4A5BC
≈ Petal Power
- D7BD75
≈ Morning’s Egg
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.76:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 11.92:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 11.92:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--turquoise-twist: #73d4c2;
--turquoise-twist-rgb: 115 212 194;
--turquoise-twist-oklch: oklch(0.805 0.096 180.3);
}
.element {
color: var(--turquoise-twist);
background-color: hsl(169 53% 64%);
border-color: oklch(0.805 0.096 180.3);
}Tailwind CSS v4
@theme {
--color-turquoise-twist: #73d4c2;
--color-turquoise-twist-50: #d8fff7;
--color-turquoise-twist-100: #c6f3ea;
--color-turquoise-twist-200: #a7e2d7;
--color-turquoise-twist-300: #7dc8bb;
--color-turquoise-twist-400: #56b1a1;
--color-turquoise-twist-500: #1e9b89;
--color-turquoise-twist-600: #1e8374;
--color-turquoise-twist-700: #19695d;
--color-turquoise-twist-800: #114d42;
--color-turquoise-twist-900: #0b362e;
--color-turquoise-twist-950: #00211b;
}SCSS
$turquoise-twist: #73d4c2;
$turquoise-twist-rgb: 115, 212, 194;
$turquoise-twist-light: mix(#fff, $turquoise-twist, 20%);
$turquoise-twist-dark: mix(#000, $turquoise-twist, 20%);
.element {
color: $turquoise-twist;
box-shadow: 0 0 0 2px rgba($turquoise-twist, 0.35);
}