Cor nomeada · #8DDEE1
Paradisiacal Getaway
Paradisiacal Getaway é #8DDEE1: rgb(141 222 225), hsl(182 58% 72%), oklch(0.85 0.079 198.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Paradisiacal Getaway color name →
#8DDEE1
oklch(0.85 0.079 198.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 9AE1E4
- A6E5E7
- B2E8EA
- BDECED
- C9EFF0
- D4F2F3
- DFF5F6
- EAF9F9
- F4FCFC
Sombras
- 7AC1C4
- 67A5A7
- 55898B
- 446F70
- 335556
- 233D3E
- 142627
- 071212
- 010202
Tons
- 8DD4D7
- 8CCBCD
- 8CC1C3
- 8BB8B9
- 8AAEAF
- 88A5A6
- 869B9C
- 859293
- 828989
Harmonias de cor
Complementar +180°
- 8DDEE1
Paradisiacal Getaway
- FEB9B9
≈ Hard Candy
Análoga -30° +30°
- 8DDEE1
Paradisiacal Getaway
- 99DFC5
≈ Almost Aqua
- 96D8F7
≈ Shiva Blue
Tríade +120° +240°
- 8DDEE1
Paradisiacal Getaway
- E4BEEF
≈ Beefy Pink
- EAC893
≈ Chestnut Dressing
Complementar dividida +150° +210°
- 8DDEE1
Paradisiacal Getaway
- F6B9D6
≈ Manga Pink
- F9BFA0
≈ Coral Blossom
Tétrade +90° +180° +270°
- 8DDEE1
Paradisiacal Getaway
- CBC6FF
≈ Innocent Snowdrop
- FEB9B9
≈ Hard Candy
- D1D296
≈ Lemon Fennel
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.66:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
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);
}