이름 색상 · #789BB6
Walden Pond
Walden Pond은(는) #789BB6: rgb(120 155 182), hsl(206 30% 59%), oklch(0.673 0.056 241.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Blue mean? → · Walden Pond color name →
#789BB6
oklch(0.673 0.056 241.8)
색상 변환
- HEX
- #789bb6
- RGB
- rgb(120 155 182)
- HSL
- hsl(206 30% 59%)
- HWB
- hwb(206 47% 29%)
- OKLCH
- oklch(0.673 0.056 241.8)
- OKLab
- oklab(0.673 -0.026 -0.049)
- CIE Lab
- lab(62.09 -7.47 -18.23)
- LCH
- lch(62.09 19.7 247.7)
- CMYK
- cmyk(34% 15% 0% 29%)
틴트 · 셰이드 · 톤
틴트
- 85A5BD
- 92AEC5
- 9FB8CC
- ADC2D3
- BACCDA
- C8D6E2
- D5E0E9
- E3EAF0
- F1F5F8
셰이드
- 67869E
- 577286
- 485E6F
- 394B59
- 2A3944
- 1D2830
- 10181D
- 05090C
- 010102
톤
- 7998B1
- 7A96AB
- 7B93A6
- 7C90A0
- 7D8E9B
- 7E8B96
- 7E8890
- 7F858B
- 7F8385
색 조화
보색 +180°
- 789BB6
Walden Pond
- B08F73
≈ Homeland
유사색 -30° +30°
- 789BB6
Walden Pond
- 6DA0AA
≈ Reef Waters
- 8A95B9
≈ Lively Lilac
삼각 배색 +120° +240°
- 789BB6
Walden Pond
- B48893
≈ Rose Tea
- 909C76
≈ Usuao Blue
분열 보색 +150° +210°
- 789BB6
Walden Pond
- B68A81
≈ Warm Comfort
- A3966F
≈ Sponge
사각 배색 +90° +180° +270°
- 789BB6
Walden Pond
- AB8AA6
≈ Lavender Herb
- B08F73
≈ Homeland
- 7DA185
≈ Aquadulce
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.93:1 · APCA Lc 56
Ag
AAA검은색 위
WCAG 7.16:1 · APCA Lc 46
가장 좋은 글자색: #000000
WCAG 7.16:1 (AAA) · APCA Lc 46
Contrast pairs
코드 스니펫
CSS
:root {
--walden-pond: #789bb6;
--walden-pond-rgb: 120 155 182;
--walden-pond-oklch: oklch(0.673 0.056 241.8);
}
.element {
color: var(--walden-pond);
background-color: hsl(206 30% 59%);
border-color: oklch(0.673 0.056 241.8);
}Tailwind CSS v4
@theme {
--color-walden-pond: #789bb6;
--color-walden-pond-50: #e8f7ff;
--color-walden-pond-100: #d9ebfa;
--color-walden-pond-200: #c1d8eb;
--color-walden-pond-300: #a0bbd2;
--color-walden-pond-400: #82a3bd;
--color-walden-pond-500: #658ba8;
--color-walden-pond-600: #56768e;
--color-walden-pond-700: #445e72;
--color-walden-pond-800: #304554;
--color-walden-pond-900: #21303b;
--color-walden-pond-950: #101c25;
}SCSS
$walden-pond: #789bb6;
$walden-pond-rgb: 120, 155, 182;
$walden-pond-light: mix(#fff, $walden-pond, 20%);
$walden-pond-dark: mix(#000, $walden-pond, 20%);
.element {
color: $walden-pond;
box-shadow: 0 0 0 2px rgba($walden-pond, 0.35);
}