이름 색상 · #52C1B3
Treasured Teal
Treasured Teal은(는) #52C1B3: rgb(82 193 179), hsl(172 47% 54%), oklch(0.743 0.103 184). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Treasured Teal color name →
#52C1B3
oklch(0.743 0.103 184)
색상 변환
- HEX
- #52c1b3
- RGB
- rgb(82 193 179)
- HSL
- hsl(172 47% 54%)
- HWB
- hwb(172 32% 24%)
- OKLCH
- oklch(0.743 0.103 184)
- OKLab
- oklab(0.743 -0.103 -0.007)
- CIE Lab
- lab(71.45 -35.63 -2.98)
- LCH
- lch(71.45 35.75 184.8)
- CMYK
- cmyk(58% 0% 7% 24%)
틴트 · 셰이드 · 톤
틴트
- 68C7BA
- 7CCEC2
- 8ED4C9
- 9FDAD1
- B0E0D8
- C0E7E0
- D0EDE8
- E0F3EF
- EFF9F7
셰이드
- 46A79B
- 3B8F84
- 2F776E
- 255F58
- 1A4943
- 11342F
- 08201D
- 020E0C
- 000201
톤
- 5BBAAE
- 62B4A9
- 68ADA3
- 6DA79E
- 72A099
- 759A94
- 79938F
- 7C8D8A
- 7E8785
색 조화
보색 +180°
- 52C1B3
Treasured Teal
- E390A4
≈ Underwater Flare
유사색 -30° +30°
- 52C1B3
Treasured Teal
- 75BF8E
≈ Felt Green
- 50BCD3
≈ Bachelor Button
삼각 배색 +120° +240°
- 52C1B3
Treasured Teal
- BA9BE1
≈ Violet Velvet
- DA9E64
≈ Butternut Pie
분열 보색 +150° +210°
- 52C1B3
Treasured Teal
- D493C7
≈ Carnation Rose
- E59480
≈ Ravishing Coral
사각 배색 +90° +180° +270°
- 52C1B3
Treasured Teal
- 97A7ED
≈ Cold Lips
- E390A4
≈ Underwater Flare
- C1AB5B
≈ Slender Stem
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.17:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.63:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.63:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--treasured-teal: #52c1b3;
--treasured-teal-rgb: 82 193 179;
--treasured-teal-oklch: oklch(0.743 0.103 184);
}
.element {
color: var(--treasured-teal);
background-color: hsl(172 47% 54%);
border-color: oklch(0.743 0.103 184);
}Tailwind CSS v4
@theme {
--color-treasured-teal: #52c1b3;
--color-treasured-teal-50: #d5fff9;
--color-treasured-teal-100: #c2f4ed;
--color-treasured-teal-200: #a2e3db;
--color-treasured-teal-300: #76c9bf;
--color-treasured-teal-400: #4ab2a5;
--color-treasured-teal-500: #009c8e;
--color-treasured-teal-600: #008478;
--color-treasured-teal-700: #036a60;
--color-treasured-teal-800: #024e45;
--color-treasured-teal-900: #033630;
--color-treasured-teal-950: #00211c;
}SCSS
$treasured-teal: #52c1b3;
$treasured-teal-rgb: 82, 193, 179;
$treasured-teal-light: mix(#fff, $treasured-teal, 20%);
$treasured-teal-dark: mix(#000, $treasured-teal, 20%);
.element {
color: $treasured-teal;
box-shadow: 0 0 0 2px rgba($treasured-teal, 0.35);
}