Colore con nome · #8DDEE1
Paradisiacal Getaway
Paradisiacal Getaway è #8DDEE1: rgb(141 222 225), hsl(182 58% 72%), oklch(0.85 0.079 198.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Paradisiacal Getaway color name →
#8DDEE1
oklch(0.85 0.079 198.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9AE1E4
- A6E5E7
- B2E8EA
- BDECED
- C9EFF0
- D4F2F3
- DFF5F6
- EAF9F9
- F4FCFC
Ombre
- 7AC1C4
- 67A5A7
- 55898B
- 446F70
- 335556
- 233D3E
- 142627
- 071212
- 010202
Toni
- 8DD4D7
- 8CCBCD
- 8CC1C3
- 8BB8B9
- 8AAEAF
- 88A5A6
- 869B9C
- 859293
- 828989
Armonie di colore
Complementare +180°
- 8DDEE1
Paradisiacal Getaway
- FEB9B9
≈ Hard Candy
Analogo -30° +30°
- 8DDEE1
Paradisiacal Getaway
- 99DFC5
≈ Almost Aqua
- 96D8F7
≈ Shiva Blue
Triadico +120° +240°
- 8DDEE1
Paradisiacal Getaway
- E4BEEF
≈ Beefy Pink
- EAC893
≈ Chestnut Dressing
Complementare divisa +150° +210°
- 8DDEE1
Paradisiacal Getaway
- F6B9D6
≈ Manga Pink
- F9BFA0
≈ Coral Blossom
Tetradico +90° +180° +270°
- 8DDEE1
Paradisiacal Getaway
- CBC6FF
≈ Innocent Snowdrop
- FEB9B9
≈ Hard Candy
- D1D296
≈ Lemon Fennel
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASu nero
WCAG 13.66:1 · APCA Lc 78
Miglior colore del testo: #000000
WCAG 13.66:1 (AAA) · APCA Lc 78
Contrast pairs
Frammenti di codice
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);
}