가장 가까운 이름 색상 · #94DADC
#94DADC
가장 가까운 이름 색상: Paradisiacal Getaway
#94DADC(rgb(148 218 220), hsl(182 51% 72%), oklch(0.843 0.07 198.2))와 가장 가까운 이름 색상은 Paradisiacal Getaway입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#94DADC
oklch(0.843 0.07 198.2)
색상 변환
- HEX
- #94dadc
- RGB
- rgb(148 218 220)
- HSL
- hsl(182 51% 72%)
- HWB
- hwb(182 58% 14%)
- OKLCH
- oklch(0.843 0.07 198.2)
- OKLab
- oklab(0.843 -0.067 -0.022)
- CIE Lab
- lab(82.48 -22.37 -8.37)
- LCH
- lch(82.48 23.89 200.5)
- CMYK
- cmyk(33% 1% 0% 14%)
틴트 · 셰이드 · 톤
틴트
- A0DEDF
- ABE2E3
- B6E5E6
- C1E9EA
- CBEDED
- D6F0F1
- E0F4F4
- EAF8F8
- F5FBFB
셰이드
- 80BDBF
- 6DA2A3
- 5A8788
- 486C6E
- 365454
- 263C3C
- 162526
- 081111
- 010202
톤
- 93D1D2
- 91C7C9
- 90BEC0
- 8EB5B6
- 8CACAD
- 8AA3A4
- 889A9B
- 859192
- 838989
색 조화
보색 +180°
- 94DADC
Paradisiacal Getaway
- F6BABA
≈ Peach Whisper
유사색 -30° +30°
- 94DADC
Paradisiacal Getaway
- 9FDBC3
≈ Pageant Green
- 9BD5F0
≈ Juzcar Blue
삼각 배색 +120° +240°
- 94DADC
Paradisiacal Getaway
- DFBEE9
≈ Beefy Pink
- E5C798
≈ Chamomile
분열 보색 +150° +210°
- 94DADC
Paradisiacal Getaway
- EFB9D3
≈ Sweet Taffy
- F2BEA4
≈ Certain Peach
사각 배색 +90° +180° +270°
- 94DADC
Paradisiacal Getaway
- C9C5F7
≈ Light Periwinkle
- F6BABA
≈ Peach Whisper
- CFD09B
≈ Corn Husk Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.32:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--paradisiacal-getaway: #94dadc;
--paradisiacal-getaway-rgb: 148 218 220;
--paradisiacal-getaway-oklch: oklch(0.843 0.07 198.2);
}
.element {
color: var(--paradisiacal-getaway);
background-color: hsl(182 51% 72%);
border-color: oklch(0.843 0.07 198.2);
}Tailwind CSS v4
@theme {
--color-paradisiacal-getaway: #94dadc;
--color-paradisiacal-getaway-50: #dffcfd;
--color-paradisiacal-getaway-100: #ceeff1;
--color-paradisiacal-getaway-200: #b2dee0;
--color-paradisiacal-getaway-300: #8dc3c6;
--color-paradisiacal-getaway-400: #6babad;
--color-paradisiacal-getaway-500: #469497;
--color-paradisiacal-getaway-600: #3c7e80;
--color-paradisiacal-getaway-700: #306566;
--color-paradisiacal-getaway-800: #214a4a;
--color-paradisiacal-getaway-900: #163334;
--color-paradisiacal-getaway-950: #071f1f;
}SCSS
$paradisiacal-getaway: #94dadc;
$paradisiacal-getaway-rgb: 148, 218, 220;
$paradisiacal-getaway-light: mix(#fff, $paradisiacal-getaway, 20%);
$paradisiacal-getaway-dark: mix(#000, $paradisiacal-getaway, 20%);
.element {
color: $paradisiacal-getaway;
box-shadow: 0 0 0 2px rgba($paradisiacal-getaway, 0.35);
}