Nazwany kolor · #8EC2E7
Astral Spirit
Astral Spirit to #8EC2E7: rgb(142 194 231), hsl(205 65% 73%), oklch(0.791 0.076 239.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Astral Spirit color name →
#8EC2E7
oklch(0.791 0.076 239.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 9AC8EA
- A5CEEC
- B0D4EF
- BCDAF1
- C7E1F4
- D2E7F6
- DDEDF8
- E9F3FB
- F4F9FD
Odcienie ciemniejsze
- 7BA8C9
- 688FAB
- 56778F
- 446073
- 344959
- 243440
- 152028
- 070E13
- 010203
Tony
- 8DBBDC
- 8CB5D2
- 8BAEC7
- 8AA7BD
- 88A1B3
- 879AA8
- 85949E
- 848D94
- 82878A
Harmonie kolorów
Komplementarna +180°
- 8EC2E7
Astral Spirit
- E0B08A
≈ Boot Hill Ghost
Analogowa -30° +30°
- 8EC2E7
Astral Spirit
- 7FC9D6
≈ Not a Cloud in Sight
- A8B9EC
≈ Perano
Triada +120° +240°
- 8EC2E7
Astral Spirit
- E4A7B9
≈ Garden Party
- B4C38B
≈ Jitterbug
Komplementarna rozszczepiona +150° +210°
- 8EC2E7
Astral Spirit
- E8A99E
≈ Passion Fruit Punch
- CEB982
≈ Independent Gold
Tetrada +90° +180° +270°
- 8EC2E7
Astral Spirit
- D7AAD2
≈ Tiara Pink
- E0B08A
≈ Boot Hill Ghost
- 98C9A1
≈ Irish Spring
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.90:1 · APCA Lc 36
Ag
AAANa czerni
WCAG 11.02:1 · APCA Lc 66
Najlepszy kolor tekstu: #000000
WCAG 11.02:1 (AAA) · APCA Lc 66
Contrast pairs
Fragmenty kodu
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);
}