Najbliższy nazwany kolor · #57A1DD
#57A1DD
Najbliższy nazwany kolor: Windjammer
#57A1DD (rgb(87 161 221), hsl(207 66% 60%), oklch(0.686 0.116 245.1)) jest najbliższy nazwanemu kolorowi Windjammer. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#57A1DD
oklch(0.686 0.116 245.1)
Konwersje koloru
- HEX
- #57a1dd
- RGB
- rgb(87 161 221)
- HSL
- hsl(207 66% 60%)
- HWB
- hwb(207 34% 13%)
- OKLCH
- oklch(0.686 0.116 245.1)
- OKLab
- oklab(0.686 -0.049 -0.105)
- CIE Lab
- lab(63.39 -10.19 -38.07)
- LCH
- lch(63.39 39.41 255)
- CMYK
- cmyk(61% 27% 0% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 69ABE1
- 7BB4E5
- 8CBEE8
- 9CC7EC
- ADD0F0
- BDDAF3
- CEE3F6
- DEECF9
- EFF6FC
Odcienie ciemniejsze
- 4B8BC0
- 3E76A4
- 336288
- 274E6E
- 1C3C55
- 122A3D
- 081926
- 030911
- 000102
Tony
- 5D9ED4
- 629BCA
- 6798C1
- 6C95B8
- 7091AE
- 738EA5
- 778B9C
- 7A8793
- 7D8489
Harmonie kolorów
Komplementarna +180°
- 57A1DD
Windjammer
- CB8A46
≈ Raw Linen
Analogowa -30° +30°
- 57A1DD
Windjammer
- 1FACC7
≈ Havasupai Falls
- 8694E2
≈ Portage
Triada +120° +240°
- 57A1DD
Windjammer
- D67A90
≈ Minuette
- 8AA753
≈ Mosquito Fern
Komplementarna rozszczepiona +150° +210°
- 57A1DD
Windjammer
- D87F68
≈ Summer Sunset
- B1993B
≈ Mana
Tetrada +90° +180° +270°
- 57A1DD
Windjammer
- C67EB6
≈ Peruvian Lily
- CB8A46
≈ Raw Linen
- 58AF7A
≈ Divot
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.78:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.54:1 · APCA Lc 48
Najlepszy kolor tekstu: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Fragmenty kodu
CSS
:root {
--windjammer: #57a1dd;
--windjammer-rgb: 87 161 221;
--windjammer-oklch: oklch(0.686 0.116 245.1);
}
.element {
color: var(--windjammer);
background-color: hsl(207 66% 60%);
border-color: oklch(0.686 0.116 245.1);
}Tailwind CSS v4
@theme {
--color-windjammer: #57a1dd;
--color-windjammer-50: #dbf9ff;
--color-windjammer-100: #caecff;
--color-windjammer-200: #addaff;
--color-windjammer-300: #86bdf0;
--color-windjammer-400: #60a5de;
--color-windjammer-500: #378ccd;
--color-windjammer-600: #3077ad;
--color-windjammer-700: #265f8b;
--color-windjammer-800: #174667;
--color-windjammer-900: #0f3148;
--color-windjammer-950: #021d2f;
}SCSS
$windjammer: #57a1dd;
$windjammer-rgb: 87, 161, 221;
$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);
}