이름 색상 · #74AEBA
Watson Lake
Watson Lake은(는) #74AEBA: rgb(116 174 186), hsl(190 34% 59%), oklch(0.715 0.063 212). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Watson Lake color name →
#74AEBA
oklch(0.715 0.063 212)
색상 변환
- HEX
- #74aeba
- RGB
- rgb(116 174 186)
- HSL
- hsl(190 34% 59%)
- HWB
- hwb(190 45% 27%)
- OKLCH
- oklch(0.715 0.063 212)
- OKLab
- oklab(0.715 -0.053 -0.033)
- CIE Lab
- lab(67.43 -17.3 -12.5)
- LCH
- lch(67.43 21.35 215.8)
- CMYK
- cmyk(38% 6% 0% 27%)
틴트 · 셰이드 · 톤
틴트
- 82B6C1
- 90BEC8
- 9EC6CE
- ACCED5
- BAD6DC
- C8DEE3
- D5E6EA
- E3EFF1
- F1F7F8
셰이드
- 6497A1
- 548089
- 456A72
- 37555C
- 294146
- 1B2E32
- 0F1C1E
- 050B0D
- 010102
톤
- 76A9B4
- 78A5AE
- 79A0A8
- 7B9CA2
- 7C979D
- 7D9297
- 7E8E91
- 7F898B
- 808586
색 조화
보색 +180°
- 74AEBA
Watson Lake
- C7958B
≈ Mexican Moonlight
유사색 -30° +30°
- 74AEBA
Watson Lake
- 76B0A6
≈ Turquoise Fantasies
- 81A8C7
≈ High Tide
삼각 배색 +120° +240°
- 74AEBA
Watson Lake
- BB95B5
≈ Blooming Lilac
- B1A276
≈ Green Fig
분열 보색 +150° +210°
- 74AEBA
Watson Lake
- C593A0
≈ Light Mauve
- C09B7B
≈ Teatime
사각 배색 +90° +180° +270°
- 74AEBA
Watson Lake
- AA9AC4
≈ Ode to Purple
- C7958B
≈ Mexican Moonlight
- 9CAA7E
≈ Nurturing
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.46:1 · APCA Lc 48
Ag
AAA검은색 위
WCAG 8.50:1 · APCA Lc 54
가장 좋은 글자색: #000000
WCAG 8.50:1 (AAA) · APCA Lc 54
Contrast pairs
코드 스니펫
CSS
:root {
--watson-lake: #74aeba;
--watson-lake-rgb: 116 174 186;
--watson-lake-oklch: oklch(0.715 0.063 212);
}
.element {
color: var(--watson-lake);
background-color: hsl(190 34% 59%);
border-color: oklch(0.715 0.063 212);
}Tailwind CSS v4
@theme {
--color-watson-lake: #74aeba;
--color-watson-lake-50: #e2faff;
--color-watson-lake-100: #d1eef5;
--color-watson-lake-200: #b7dce5;
--color-watson-lake-300: #93c0cb;
--color-watson-lake-400: #72a9b4;
--color-watson-lake-500: #51919e;
--color-watson-lake-600: #457b86;
--color-watson-lake-700: #37626b;
--color-watson-lake-800: #27484e;
--color-watson-lake-900: #1a3236;
--color-watson-lake-950: #0a1e21;
}SCSS
$watson-lake: #74aeba;
$watson-lake-rgb: 116, 174, 186;
$watson-lake-light: mix(#fff, $watson-lake, 20%);
$watson-lake-dark: mix(#000, $watson-lake, 20%);
.element {
color: $watson-lake;
box-shadow: 0 0 0 2px rgba($watson-lake, 0.35);
}