Najbliższy nazwany kolor · #94DADC
#94DADC
Najbliższy nazwany kolor: Paradisiacal Getaway
#94DADC (rgb(148 218 220), hsl(182 51% 72%), oklch(0.843 0.07 198.2)) jest najbliższy nazwanemu kolorowi Paradisiacal Getaway. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#94DADC
oklch(0.843 0.07 198.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A0DEDF
- ABE2E3
- B6E5E6
- C1E9EA
- CBEDED
- D6F0F1
- E0F4F4
- EAF8F8
- F5FBFB
Odcienie ciemniejsze
- 80BDBF
- 6DA2A3
- 5A8788
- 486C6E
- 365454
- 263C3C
- 162526
- 081111
- 010202
Tony
- 93D1D2
- 91C7C9
- 90BEC0
- 8EB5B6
- 8CACAD
- 8AA3A4
- 889A9B
- 859192
- 838989
Harmonie kolorów
Komplementarna +180°
- 94DADC
Paradisiacal Getaway
- F6BABA
≈ Peach Whisper
Analogowa -30° +30°
- 94DADC
Paradisiacal Getaway
- 9FDBC3
≈ Pageant Green
- 9BD5F0
≈ Juzcar Blue
Triada +120° +240°
- 94DADC
Paradisiacal Getaway
- DFBEE9
≈ Beefy Pink
- E5C798
≈ Chamomile
Komplementarna rozszczepiona +150° +210°
- 94DADC
Paradisiacal Getaway
- EFB9D3
≈ Sweet Taffy
- F2BEA4
≈ Certain Peach
Tetrada +90° +180° +270°
- 94DADC
Paradisiacal Getaway
- C9C5F7
≈ Light Periwinkle
- F6BABA
≈ Peach Whisper
- CFD09B
≈ Corn Husk Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.57:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.32:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
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);
}