이름 색상 · #78DBE2
Deep Aquamarine
Deep Aquamarine은(는) #78DBE2: rgb(120 219 226), hsl(184 65% 68%), oklch(0.834 0.094 201.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Deep Aquamarine color name →
#78DBE2
oklch(0.834 0.094 201.5)
색상 변환
- HEX
- #78dbe2
- RGB
- rgb(120 219 226)
- HSL
- hsl(184 65% 68%)
- HWB
- hwb(184 47% 11%)
- OKLCH
- oklch(0.834 0.094 201.5)
- OKLab
- oklab(0.834 -0.087 -0.034)
- CIE Lab
- lab(81.6 -29.03 -13)
- LCH
- lch(81.6 31.81 204.1)
- CMYK
- cmyk(47% 3% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- 88DFE5
- 97E3E8
- A5E6EB
- B3EAEE
- C0EEF1
- CDF1F3
- DAF5F6
- E6F8F9
- F3FCFC
셰이드
- 67BEC4
- 57A2A8
- 48878C
- 396D71
- 2A5457
- 1D3C3E
- 102627
- 051112
- 010203
톤
- 7BD2D8
- 7DC8CE
- 7FBFC4
- 80B6BA
- 81ADB0
- 82A4A6
- 829B9C
- 829293
- 818989
색 조화
보색 +180°
- 78DBE2
Deep Aquamarine
- FFB1AE
≈ Fancy Flamingo
유사색 -30° +30°
- 78DBE2
Deep Aquamarine
- 86DDC1
≈ Āsmānī Sky
- 87D4FB
≈ Kul Sharif Blue
삼각 배색 +120° +240°
- 78DBE2
Deep Aquamarine
- E5B5ED
≈ Candy Dreams
- E7C381
≈ Honey Bear
분열 보색 +150° +210°
- 78DBE2
Deep Aquamarine
- F9B0CF
≈ Spaghetti Strap Pink
- FAB890
≈ Beach Sand
사각 배색 +90° +180° +270°
- 78DBE2
Deep Aquamarine
- C9BFFF
≈ Lavender Tonic
- FFB1AE
≈ Fancy Flamingo
- CACF87
≈ Sunken Treasure
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.61:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.02:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.02:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--deep-aquamarine: #78dbe2;
--deep-aquamarine-rgb: 120 219 226;
--deep-aquamarine-oklch: oklch(0.834 0.094 201.5);
}
.element {
color: var(--deep-aquamarine);
background-color: hsl(184 65% 68%);
border-color: oklch(0.834 0.094 201.5);
}Tailwind CSS v4
@theme {
--color-deep-aquamarine: #78dbe2;
--color-deep-aquamarine-50: #d7feff;
--color-deep-aquamarine-100: #c4f2f6;
--color-deep-aquamarine-200: #a5e1e6;
--color-deep-aquamarine-300: #7bc6cd;
--color-deep-aquamarine-400: #51afb6;
--color-deep-aquamarine-500: #1098a0;
--color-deep-aquamarine-600: #158187;
--color-deep-aquamarine-700: #12676c;
--color-deep-aquamarine-800: #0a4c4f;
--color-deep-aquamarine-900: #073537;
--color-deep-aquamarine-950: #002022;
}SCSS
$deep-aquamarine: #78dbe2;
$deep-aquamarine-rgb: 120, 219, 226;
$deep-aquamarine-light: mix(#fff, $deep-aquamarine, 20%);
$deep-aquamarine-dark: mix(#000, $deep-aquamarine, 20%);
.element {
color: $deep-aquamarine;
box-shadow: 0 0 0 2px rgba($deep-aquamarine, 0.35);
}