이름 색상 · #8DDEE1
Paradisiacal Getaway
Paradisiacal Getaway은(는) #8DDEE1: rgb(141 222 225), hsl(182 58% 72%), oklch(0.85 0.079 198.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Paradisiacal Getaway color name →
#8DDEE1
oklch(0.85 0.079 198.8)
색상 변환
- HEX
- #8ddee1
- RGB
- rgb(141 222 225)
- HSL
- hsl(182 58% 72%)
- HWB
- hwb(182 55% 12%)
- OKLCH
- oklch(0.85 0.079 198.8)
- OKLab
- oklab(0.85 -0.075 -0.026)
- CIE Lab
- lab(83.37 -25.22 -9.75)
- LCH
- lch(83.37 27.04 201.1)
- CMYK
- cmyk(37% 1% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- 9AE1E4
- A6E5E7
- B2E8EA
- BDECED
- C9EFF0
- D4F2F3
- DFF5F6
- EAF9F9
- F4FCFC
셰이드
- 7AC1C4
- 67A5A7
- 55898B
- 446F70
- 335556
- 233D3E
- 142627
- 071212
- 010202
톤
- 8DD4D7
- 8CCBCD
- 8CC1C3
- 8BB8B9
- 8AAEAF
- 88A5A6
- 869B9C
- 859293
- 828989
색 조화
보색 +180°
- 8DDEE1
Paradisiacal Getaway
- FEB9B9
≈ Hard Candy
유사색 -30° +30°
- 8DDEE1
Paradisiacal Getaway
- 99DFC5
≈ Almost Aqua
- 96D8F7
≈ Shiva Blue
삼각 배색 +120° +240°
- 8DDEE1
Paradisiacal Getaway
- E4BEEF
≈ Beefy Pink
- EAC893
≈ Chestnut Dressing
분열 보색 +150° +210°
- 8DDEE1
Paradisiacal Getaway
- F6B9D6
≈ Manga Pink
- F9BFA0
≈ Coral Blossom
사각 배색 +90° +180° +270°
- 8DDEE1
Paradisiacal Getaway
- CBC6FF
≈ Innocent Snowdrop
- FEB9B9
≈ Hard Candy
- D1D296
≈ Lemon Fennel
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.53:1 · APCA Lc 25
Ag
AAA검은색 위
WCAG 13.66:1 · APCA Lc 78
가장 좋은 글자색: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--paradisiacal-getaway: #8ddee1;
--paradisiacal-getaway-rgb: 141 222 225;
--paradisiacal-getaway-oklch: oklch(0.85 0.079 198.8);
}
.element {
color: var(--paradisiacal-getaway);
background-color: hsl(182 58% 72%);
border-color: oklch(0.85 0.079 198.8);
}Tailwind CSS v4
@theme {
--color-paradisiacal-getaway: #8ddee1;
--color-paradisiacal-getaway-50: #dcfdfe;
--color-paradisiacal-getaway-100: #caf0f3;
--color-paradisiacal-getaway-200: #addfe2;
--color-paradisiacal-getaway-300: #86c4c8;
--color-paradisiacal-getaway-400: #61adb0;
--color-paradisiacal-getaway-500: #37969a;
--color-paradisiacal-getaway-600: #317f82;
--color-paradisiacal-getaway-700: #276668;
--color-paradisiacal-getaway-800: #1a4b4c;
--color-paradisiacal-getaway-900: #113435;
--color-paradisiacal-getaway-950: #031f20;
}SCSS
$paradisiacal-getaway: #8ddee1;
$paradisiacal-getaway-rgb: 141, 222, 225;
$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);
}