Adlandırılmış renk · #C1DEEA
Skywalker
Skywalker, #C1DEEA: rgb(193 222 234), hsl(198 49% 84%), oklch(0.883 0.035 224.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Skywalker color name →
#C1DEEA
oklch(0.883 0.035 224.7)
Renk dönüşümleri
- HEX
- #c1deea
- RGB
- rgb(193 222 234)
- HSL
- hsl(198 49% 84%)
- HWB
- hwb(198 76% 8%)
- OKLCH
- oklch(0.883 0.035 224.7)
- OKLab
- oklab(0.883 -0.025 -0.025)
- CIE Lab
- lab(86.61 -8.07 -9.29)
- LCH
- lch(86.61 12.3 229)
- CMYK
- cmyk(18% 5% 0% 8%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C7E1EC
- CDE5EE
- D4E8F0
- DAEBF2
- E0EEF5
- E6F2F7
- ECF5F9
- F3F8FB
- F9FCFD
Koyu tonlar
- A7C1CB
- 8FA5AE
- 778991
- 5F6F75
- 49555A
- 343D41
- 202629
- 0E1213
- 020203
Gri tonlar
- BAD4DF
- B4CBD4
- ADC1C9
- A7B7BE
- A0AEB4
- 9AA5A9
- 939B9F
- 8D9294
- 86898A
Renk uyumları
Tamamlayıcı +180°
- C1DEEA
Skywalker
- EDD2C6
≈ Sugarcane
Analog -30° +30°
- C1DEEA
Skywalker
- BFE0DF
≈ Aqua Whisper
- C9DAF0
≈ Arctic Rain
Üçlü +120° +240°
- C1DEEA
Skywalker
- EAD0DE
≈ Creamy Freesia
- DCDAC0
≈ Panacea
Bölünmüş tamamlayıcı +150° +210°
- C1DEEA
Skywalker
- EFD0D1
≈ Nursery
- E7D6C0
≈ Lotus Pod
Dörtlü +90° +180° +270°
- C1DEEA
Skywalker
- E1D2E9
≈ Teary Eyed
- EDD2C6
≈ Sugarcane
- CFDEC7
≈ Supreme Green
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 20
Ag
AAASiyah üzerinde
WCAG 14.90:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.90:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--skywalker: #c1deea;
--skywalker-rgb: 193 222 234;
--skywalker-oklch: oklch(0.883 0.035 224.7);
}
.element {
color: var(--skywalker);
background-color: hsl(198 49% 84%);
border-color: oklch(0.883 0.035 224.7);
}Tailwind CSS v4
@theme {
--color-skywalker: #c1deea;
--color-skywalker-50: #ebf7fd;
--color-skywalker-100: #dcebf1;
--color-skywalker-200: #c5d8e0;
--color-skywalker-300: #a6bbc5;
--color-skywalker-400: #89a3ae;
--color-skywalker-500: #6e8c98;
--color-skywalker-600: #5d7680;
--color-skywalker-700: #4a5e67;
--color-skywalker-800: #35454b;
--color-skywalker-900: #243034;
--color-skywalker-950: #131c20;
}SCSS
$skywalker: #c1deea;
$skywalker-rgb: 193, 222, 234;
$skywalker-light: mix(#fff, $skywalker, 20%);
$skywalker-dark: mix(#000, $skywalker, 20%);
.element {
color: $skywalker;
box-shadow: 0 0 0 2px rgba($skywalker, 0.35);
}