Warna bernama terdekat · #4A9FF2
#4A9FF2
Warna bernama terdekat: Sky Dancer
#4A9FF2 (rgb(74 159 242), hsl(210 87% 62%), oklch(0.688 0.148 250.4)) paling mendekati warna bernama Sky Dancer. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#4A9FF2
oklch(0.688 0.148 250.4)
Konversi warna
- HEX
- #4a9ff2
- RGB
- rgb(74 159 242)
- HSL
- hsl(210 87% 62%)
- HWB
- hwb(210 29% 5%)
- OKLCH
- oklch(0.688 0.148 250.4)
- OKLab
- oklab(0.688 -0.05 -0.139)
- CIE Lab
- lab(63.14 -5.98 -50.01)
- LCH
- lch(63.14 50.37 263.2)
- CMYK
- cmyk(69% 34% 0% 5%)
Tint · Shade · Tone
Tint
- 5FA9F4
- 72B3F6
- 84BDF8
- 96C6FA
- A8D0FB
- B9DAFC
- CBE3FD
- DCECFE
- EEF6FF
Shade
- 3F8AD2
- 3575B4
- 2A6196
- 204D79
- 173B5E
- 0E2943
- 06182B
- 020914
- 000103
Tone
- 529CE7
- 599ADB
- 6097D0
- 6694C4
- 6B91B9
- 708EAE
- 748BA2
- 788797
- 7C848C
Harmoni warna
Komplementer +180°
- 4A9FF2
Sky Dancer
- D38805
≈ Lobster Butter Sauce
Analog -30° +30°
- 4A9FF2
Sky Dancer
- 00ACD0
≈ Hú Lán Blue
- 8B8EF3
≈ Lavender Blue Shadow
Triadik +120° +240°
- 4A9FF2
Sky Dancer
- E66F85
≈ Deep Blush
- 7BAC41
≈ Parakeet
Split-komplementer +150° +210°
- 4A9FF2
Sky Dancer
- E5774F
≈ Koeksister
- AF9C00
≈ Lucky
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.78:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.53:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.53:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--sky-dancer: #4a9ff2;
--sky-dancer-rgb: 74 159 242;
--sky-dancer-oklch: oklch(0.688 0.148 250.4);
}
.element {
color: var(--sky-dancer);
background-color: hsl(210 87% 62%);
border-color: oklch(0.688 0.148 250.4);
}Tailwind CSS v4
@theme {
--color-sky-dancer: #4a9ff2;
--color-sky-dancer-50: #d8f9ff;
--color-sky-dancer-100: #c5ecff;
--color-sky-dancer-200: #a7d9ff;
--color-sky-dancer-300: #7ebcff;
--color-sky-dancer-400: #54a3f2;
--color-sky-dancer-500: #2289e3;
--color-sky-dancer-600: #2074c0;
--color-sky-dancer-700: #1a5d9a;
--color-sky-dancer-800: #0a4572;
--color-sky-dancer-900: #073051;
--color-sky-dancer-950: #001c36;
}SCSS
$sky-dancer: #4a9ff2;
$sky-dancer-rgb: 74, 159, 242;
$sky-dancer-light: mix(#fff, $sky-dancer, 20%);
$sky-dancer-dark: mix(#000, $sky-dancer, 20%);
.element {
color: $sky-dancer;
box-shadow: 0 0 0 2px rgba($sky-dancer, 0.35);
}