Warna bernama · #8EAABD
Sky Eyes
Sky Eyes adalah #8EAABD: rgb(142 170 189), hsl(204 26% 65%), oklch(0.723 0.042 237.8). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Blue mean? → · Sky Eyes color name →
#8EAABD
oklch(0.723 0.042 237.8)
Konversi warna
- HEX
- #8eaabd
- RGB
- rgb(142 170 189)
- HSL
- hsl(204 26% 65%)
- HWB
- hwb(204 56% 26%)
- OKLCH
- oklch(0.723 0.042 237.8)
- OKLab
- oklab(0.723 -0.022 -0.035)
- CIE Lab
- lab(67.96 -6.75 -13.16)
- LCH
- lch(67.96 14.79 242.8)
- CMYK
- cmyk(25% 10% 0% 26%)
Tint · Shade · Tone
Tint
- 99B2C4
- A4BBCA
- AFC3D1
- BACBD7
- C6D4DE
- D1DCE4
- DCE5EB
- E8EEF2
- F3F6F8
Shade
- 7B93A4
- 687D8C
- 566874
- 44535D
- 343F47
- 242D33
- 151B1F
- 070B0D
- 010102
Tone
- 8DA6B7
- 8BA2B1
- 8A9DAA
- 8999A4
- 87959E
- 869198
- 858C92
- 83888C
- 828486
Harmoni warna
Komplementer +180°
- 8EAABD
Sky Eyes
- BAA08D
≈ Mocha Foam
Analog -30° +30°
- 8EAABD
Sky Eyes
- 88ADB3
≈ Bon Voyage
- 9AA5C1
≈ Veranda Iris
Triadik +120° +240°
- 8EAABD
Sky Eyes
- BC9BA5
≈ Pale Petticoat
- A3AA8C
≈ Mountain Sage
Split-komplementer +150° +210°
- 8EAABD
Sky Eyes
- BE9C97
≈ Coca Mocha
- B1A588
≈ Karma
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.43:1 · APCA Lc 48
Ag
AAADi atas hitam
WCAG 8.63:1 · APCA Lc 54
Warna teks terbaik: #000000
WCAG 8.63:1 (AAA) · APCA Lc 54
Contrast pairs
Cuplikan kode
CSS
:root {
--sky-eyes: #8eaabd;
--sky-eyes-rgb: 142 170 189;
--sky-eyes-oklch: oklch(0.723 0.042 237.8);
}
.element {
color: var(--sky-eyes);
background-color: hsl(204 26% 65%);
border-color: oklch(0.723 0.042 237.8);
}Tailwind CSS v4
@theme {
--color-sky-eyes: #8eaabd;
--color-sky-eyes-50: #ebf7ff;
--color-sky-eyes-100: #dceaf5;
--color-sky-eyes-200: #c5d7e5;
--color-sky-eyes-300: #a5bbcb;
--color-sky-eyes-400: #88a3b4;
--color-sky-eyes-500: #6d8b9f;
--color-sky-eyes-600: #5c7586;
--color-sky-eyes-700: #4a5e6c;
--color-sky-eyes-800: #35454f;
--color-sky-eyes-900: #243037;
--color-sky-eyes-950: #131c22;
}SCSS
$sky-eyes: #8eaabd;
$sky-eyes-rgb: 142, 170, 189;
$sky-eyes-light: mix(#fff, $sky-eyes, 20%);
$sky-eyes-dark: mix(#000, $sky-eyes, 20%);
.element {
color: $sky-eyes;
box-shadow: 0 0 0 2px rgba($sky-eyes, 0.35);
}