Warna bernama terdekat · #54A0E6
#54A0E6
Warna bernama terdekat: Windjammer
#54A0E6 (rgb(84 160 230), hsl(209 74% 62%), oklch(0.687 0.128 248.5)) paling mendekati warna bernama Windjammer. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#54A0E6
oklch(0.687 0.128 248.5)
Konversi warna
- HEX
- #54a0e6
- RGB
- rgb(84 160 230)
- HSL
- hsl(209 74% 62%)
- HWB
- hwb(209 33% 10%)
- OKLCH
- oklch(0.687 0.128 248.5)
- OKLab
- oklab(0.687 -0.047 -0.119)
- CIE Lab
- lab(63.32 -7.95 -43.14)
- LCH
- lch(63.32 43.86 259.6)
- CMYK
- cmyk(63% 30% 0% 10%)
Tint · Shade · Tone
Tint
- 67AAE9
- 79B3EC
- 8ABDEF
- 9BC7F2
- ACD0F4
- BCDAF7
- CDE3F9
- DEECFB
- EEF6FD
Shade
- 488BC8
- 3C76AB
- 31618E
- 264E73
- 1B3B59
- 112940
- 081928
- 020913
- 000103
Tone
- 5A9DDC
- 609AD2
- 6597C7
- 6A94BD
- 6E91B3
- 738EA9
- 768A9F
- 7A8795
- 7D848A
Harmoni warna
Komplementer +180°
- 54A0E6
Windjammer
- CE8A34
≈ Brown Beige
Analog -30° +30°
- 54A0E6
Windjammer
- 00ACCE
≈ Ball Blue
- 8991E9
≈ Perrywinkle
Triadik +120° +240°
- 54A0E6
Windjammer
- DD768B
≈ Creamy Coral
- 83AA4E
≈ Mosquito Fern
Split-komplementer +150° +210°
- 54A0E6
Windjammer
- DD7C5D
≈ Dry Peach
- AF9B2A
≈ High Strung
Tetradik +90° +180° +270°
- 54A0E6
Windjammer
- CD7AB5
≈ Peruvian Lily
- CE8A34
≈ Brown Beige
- 46B27C
≈ Divot
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.78:1 · APCA Lc 53
Ag
AAADi atas hitam
WCAG 7.54:1 · APCA Lc 48
Warna teks terbaik: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Cuplikan kode
CSS
:root {
--windjammer: #54a0e6;
--windjammer-rgb: 84 160 230;
--windjammer-oklch: oklch(0.687 0.128 248.5);
}
.element {
color: var(--windjammer);
background-color: hsl(209 74% 62%);
border-color: oklch(0.687 0.128 248.5);
}Tailwind CSS v4
@theme {
--color-windjammer: #54a0e6;
--color-windjammer-50: #daf9ff;
--color-windjammer-100: #c8ecff;
--color-windjammer-200: #abd9ff;
--color-windjammer-300: #84bcf7;
--color-windjammer-400: #5da4e7;
--color-windjammer-500: #338bd7;
--color-windjammer-600: #2d76b5;
--color-windjammer-700: #245e91;
--color-windjammer-800: #14456c;
--color-windjammer-900: #0d304c;
--color-windjammer-950: #011c32;
}SCSS
$windjammer: #54a0e6;
$windjammer-rgb: 84, 160, 230;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}