이름 색상 · #94D8E2
Quiet Pond
Quiet Pond은(는) #94D8E2: rgb(148 216 226), hsl(188 57% 73%), oklch(0.84 0.07 207.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Quiet Pond color name →
#94D8E2
oklch(0.84 0.07 207.5)
색상 변환
- HEX
- #94d8e2
- RGB
- rgb(148 216 226)
- HSL
- hsl(188 57% 73%)
- HWB
- hwb(188 58% 11%)
- OKLCH
- oklch(0.84 0.07 207.5)
- OKLab
- oklab(0.84 -0.062 -0.032)
- CIE Lab
- lab(82.07 -20.38 -12.14)
- LCH
- lch(82.07 23.72 210.8)
- CMYK
- cmyk(35% 4% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 9FDCE5
- ABE0E8
- B6E4EB
- C0E8EE
- CBECF1
- D6F0F3
- E0F3F6
- EAF7F9
- F5FBFC
셰이드
- 80BCC4
- 6DA0A8
- 5A858C
- 486B71
- 365357
- 263B3E
- 162527
- 081112
- 010203
톤
- 93CFD8
- 91C6CE
- 90BDC4
- 8EB4BA
- 8CABB0
- 8AA2A6
- 889A9C
- 859193
- 838989
색 조화
보색 +180°
- 94D8E2
Quiet Pond
- F5BAB2
≈ Ballerina Tears
유사색 -30° +30°
- 94D8E2
Quiet Pond
- 99DACA
≈ Pageant Green
- A0D2F3
≈ Juzcar Blue
삼각 배색 +120° +240°
- 94D8E2
Quiet Pond
- E4BBE2
≈ Blackberry Yoghurt
- DEC997
≈ Nomadic Travels
분열 보색 +150° +210°
- 94D8E2
Quiet Pond
- F1B8CB
≈ Berries N’ Cream
- EEC09F
≈ Madrid Beige
사각 배색 +90° +180° +270°
- 94D8E2
Quiet Pond
- CFC2F3
≈ Soap
- F5BAB2
≈ Ballerina Tears
- C7D19E
≈ Cricket Field
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.17:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--quiet-pond: #94d8e2;
--quiet-pond-rgb: 148 216 226;
--quiet-pond-oklch: oklch(0.84 0.07 207.5);
}
.element {
color: var(--quiet-pond);
background-color: hsl(188 57% 73%);
border-color: oklch(0.84 0.07 207.5);
}Tailwind CSS v4
@theme {
--color-quiet-pond: #94d8e2;
--color-quiet-pond-50: #dffbff;
--color-quiet-pond-100: #ceeff5;
--color-quiet-pond-200: #b3dde4;
--color-quiet-pond-300: #8ec2cb;
--color-quiet-pond-400: #6baab4;
--color-quiet-pond-500: #47939e;
--color-quiet-pond-600: #3d7d85;
--color-quiet-pond-700: #31646b;
--color-quiet-pond-800: #22494e;
--color-quiet-pond-900: #163336;
--color-quiet-pond-950: #071e21;
}SCSS
$quiet-pond: #94d8e2;
$quiet-pond-rgb: 148, 216, 226;
$quiet-pond-light: mix(#fff, $quiet-pond, 20%);
$quiet-pond-dark: mix(#000, $quiet-pond, 20%);
.element {
color: $quiet-pond;
box-shadow: 0 0 0 2px rgba($quiet-pond, 0.35);
}