En yakın adlandırılmış renk · #94DADC
#94DADC
En yakın adlandırılmış renk: Paradisiacal Getaway
#94DADC (rgb(148 218 220), hsl(182 51% 72%), oklch(0.843 0.07 198.2)) en çok Paradisiacal Getaway adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#94DADC
oklch(0.843 0.07 198.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A0DEDF
- ABE2E3
- B6E5E6
- C1E9EA
- CBEDED
- D6F0F1
- E0F4F4
- EAF8F8
- F5FBFB
Koyu tonlar
- 80BDBF
- 6DA2A3
- 5A8788
- 486C6E
- 365454
- 263C3C
- 162526
- 081111
- 010202
Gri tonlar
- 93D1D2
- 91C7C9
- 90BEC0
- 8EB5B6
- 8CACAD
- 8AA3A4
- 889A9B
- 859192
- 838989
Renk uyumları
Tamamlayıcı +180°
- 94DADC
Paradisiacal Getaway
- F6BABA
≈ Peach Whisper
Analog -30° +30°
- 94DADC
Paradisiacal Getaway
- 9FDBC3
≈ Pageant Green
- 9BD5F0
≈ Juzcar Blue
Üçlü +120° +240°
- 94DADC
Paradisiacal Getaway
- DFBEE9
≈ Beefy Pink
- E5C798
≈ Chamomile
Bölünmüş tamamlayıcı +150° +210°
- 94DADC
Paradisiacal Getaway
- EFB9D3
≈ Sweet Taffy
- F2BEA4
≈ Certain Peach
Dörtlü +90° +180° +270°
- 94DADC
Paradisiacal Getaway
- C9C5F7
≈ Light Periwinkle
- F6BABA
≈ Peach Whisper
- CFD09B
≈ Corn Husk Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.57:1 · APCA Lc 26
Ag
AAASiyah üzerinde
WCAG 13.32:1 · APCA Lc 77
En iyi metin rengi: #000000
WCAG 13.32:1 (AAA) · APCA Lc 77
Contrast pairs
Kod parçacıkları
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);
}