이름 색상 · #34B1B2
Lake Tahoe Turquoise
Lake Tahoe Turquoise은(는) #34B1B2: rgb(52 177 178), hsl(180 55% 45%), oklch(0.695 0.106 195.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Lake Tahoe Turquoise color name →
#34B1B2
oklch(0.695 0.106 195.8)
색상 변환
- HEX
- #34b1b2
- RGB
- rgb(52 177 178)
- HSL
- hsl(180 55% 45%)
- HWB
- hwb(180 20% 30%)
- OKLCH
- oklch(0.695 0.106 195.8)
- OKLab
- oklab(0.695 -0.102 -0.029)
- CIE Lab
- lab(65.73 -34.33 -10.92)
- LCH
- lch(65.73 36.03 197.6)
- CMYK
- cmyk(71% 1% 0% 30%)
틴트 · 셰이드 · 톤
틴트
- 52B9BA
- 69C1C1
- 7EC9C9
- 92D0D0
- A5D8D8
- B8E0E0
- CAE8E7
- DCF0EF
- EDF7F7
셰이드
- 2C999A
- 248383
- 1C6C6D
- 155757
- 0E4243
- 072F2F
- 031C1D
- 010C0C
- 000101
톤
- 43ACAD
- 4FA7A8
- 59A3A3
- 619E9E
- 689999
- 6E9494
- 738F8F
- 788A8A
- 7C8585
색 조화
보색 +180°
- 34B1B2
Lake Tahoe Turquoise
- D68187
≈ Rhubarb Pie
유사색 -30° +30°
- 34B1B2
Lake Tahoe Turquoise
- 53B28E
≈ Aruba Green
- 47AACF
≈ Maximum Blue
삼각 배색 +120° +240°
- 34B1B2
Lake Tahoe Turquoise
- B688C9
≈ Creeping Bellflower
- C3934C
≈ Narcissus
분열 보색 +150° +210°
- 34B1B2
Lake Tahoe Turquoise
- CC82AB
≈ Moonlight Mauve
- D38764
≈ Harvest Time
사각 배색 +90° +180° +270°
- 34B1B2
Lake Tahoe Turquoise
- 9793DC
≈ Portage
- D68187
≈ Rhubarb Pie
- A6A14E
≈ Reed Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.59:1 · APCA Lc 50
Ag
AAA검은색 위
WCAG 8.07:1 · APCA Lc 52
가장 좋은 글자색: #000000
WCAG 8.07:1 (AAA) · APCA Lc 52
Contrast pairs
코드 스니펫
CSS
:root {
--lake-tahoe-turquoise: #34b1b2;
--lake-tahoe-turquoise-rgb: 52 177 178;
--lake-tahoe-turquoise-oklch: oklch(0.695 0.106 195.8);
}
.element {
color: var(--lake-tahoe-turquoise);
background-color: hsl(180 55% 45%);
border-color: oklch(0.695 0.106 195.8);
}Tailwind CSS v4
@theme {
--color-lake-tahoe-turquoise: #34b1b2;
--color-lake-tahoe-turquoise-50: #d3ffff;
--color-lake-tahoe-turquoise-100: #bff3f4;
--color-lake-tahoe-turquoise-200: #9ee3e4;
--color-lake-tahoe-turquoise-300: #71c8cb;
--color-lake-tahoe-turquoise-400: #40b2b2;
--color-lake-tahoe-turquoise-500: #009b9d;
--color-lake-tahoe-turquoise-600: #008384;
--color-lake-tahoe-turquoise-700: #00696a;
--color-lake-tahoe-turquoise-800: #004d4d;
--color-lake-tahoe-turquoise-900: #003635;
--color-lake-tahoe-turquoise-950: #002121;
}SCSS
$lake-tahoe-turquoise: #34b1b2;
$lake-tahoe-turquoise-rgb: 52, 177, 178;
$lake-tahoe-turquoise-light: mix(#fff, $lake-tahoe-turquoise, 20%);
$lake-tahoe-turquoise-dark: mix(#000, $lake-tahoe-turquoise, 20%);
.element {
color: $lake-tahoe-turquoise;
box-shadow: 0 0 0 2px rgba($lake-tahoe-turquoise, 0.35);
}