Adlandırılmış renk · #8EC2E7
Astral Spirit
Astral Spirit, #8EC2E7: rgb(142 194 231), hsl(205 65% 73%), oklch(0.791 0.076 239.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Astral Spirit color name →
#8EC2E7
oklch(0.791 0.076 239.9)
Renk dönüşümleri
- HEX
- #8ec2e7
- RGB
- rgb(142 194 231)
- HSL
- hsl(205 65% 73%)
- HWB
- hwb(205 56% 9%)
- OKLCH
- oklch(0.791 0.076 239.9)
- OKLab
- oklab(0.791 -0.038 -0.066)
- CIE Lab
- lab(75.78 -10.67 -24.24)
- LCH
- lch(75.78 26.48 246.2)
- CMYK
- cmyk(39% 16% 0% 9%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9AC8EA
- A5CEEC
- B0D4EF
- BCDAF1
- C7E1F4
- D2E7F6
- DDEDF8
- E9F3FB
- F4F9FD
Koyu tonlar
- 7BA8C9
- 688FAB
- 56778F
- 446073
- 344959
- 243440
- 152028
- 070E13
- 010203
Gri tonlar
- 8DBBDC
- 8CB5D2
- 8BAEC7
- 8AA7BD
- 88A1B3
- 879AA8
- 85949E
- 848D94
- 82878A
Renk uyumları
Tamamlayıcı +180°
- 8EC2E7
Astral Spirit
- E0B08A
≈ Boot Hill Ghost
Analog -30° +30°
- 8EC2E7
Astral Spirit
- 7FC9D6
≈ Not a Cloud in Sight
- A8B9EC
≈ Perano
Üçlü +120° +240°
- 8EC2E7
Astral Spirit
- E4A7B9
≈ Garden Party
- B4C38B
≈ Jitterbug
Bölünmüş tamamlayıcı +150° +210°
- 8EC2E7
Astral Spirit
- E8A99E
≈ Passion Fruit Punch
- CEB982
≈ Independent Gold
Dörtlü +90° +180° +270°
- 8EC2E7
Astral Spirit
- D7AAD2
≈ Tiara Pink
- E0B08A
≈ Boot Hill Ghost
- 98C9A1
≈ Irish Spring
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.02:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--astral-spirit: #8ec2e7;
--astral-spirit-rgb: 142 194 231;
--astral-spirit-oklch: oklch(0.791 0.076 239.9);
}
.element {
color: var(--astral-spirit);
background-color: hsl(205 65% 73%);
border-color: oklch(0.791 0.076 239.9);
}Tailwind CSS v4
@theme {
--color-astral-spirit: #8ec2e7;
--color-astral-spirit-50: #e3f8ff;
--color-astral-spirit-100: #d3ecff;
--color-astral-spirit-200: #b9d9f2;
--color-astral-spirit-300: #96bddb;
--color-astral-spirit-400: #75a5c7;
--color-astral-spirit-500: #558db3;
--color-astral-spirit-600: #487798;
--color-astral-spirit-700: #3a5f7a;
--color-astral-spirit-800: #28465a;
--color-astral-spirit-900: #1b313f;
--color-astral-spirit-950: #0b1d28;
}SCSS
$astral-spirit: #8ec2e7;
$astral-spirit-rgb: 142, 194, 231;
$astral-spirit-light: mix(#fff, $astral-spirit, 20%);
$astral-spirit-dark: mix(#000, $astral-spirit, 20%);
.element {
color: $astral-spirit;
box-shadow: 0 0 0 2px rgba($astral-spirit, 0.35);
}