Najbliższy nazwany kolor · #0061AC
#0061AC
Najbliższy nazwany kolor: Wing Commander
#0061AC (rgb(0 97 172), hsl(206 100% 34%), oklch(0.487 0.142 251)) jest najbliższy nazwanemu kolorowi Wing Commander. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0061AC
oklch(0.487 0.142 251)
Konwersje koloru
- HEX
- #0061ac
- RGB
- rgb(0 97 172)
- HSL
- hsl(206 100% 34%)
- HWB
- hwb(206 0% 33%)
- OKLCH
- oklch(0.487 0.142 251)
- OKLab
- oklab(0.487 -0.046 -0.134)
- CIE Lab
- lab(39.7 -1.27 -47.69)
- LCH
- lch(39.7 47.71 268.5)
- CMYK
- cmyk(100% 44% 0% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2B71B5
- 4581BE
- 5D90C7
- 74A0CF
- 8BB0D8
- A2BFE0
- B9CFE8
- D0DFF0
- E7EFF8
Odcienie ciemniejsze
- 005395
- 00467F
- 003969
- 002D54
- 002140
- 00152D
- 000B1B
- 00030B
- 000001
Tony
- 1D65A8
- 2D69A4
- 3A6CA0
- 45709C
- 507398
- 5A7694
- 64788F
- 6D7B8A
- 777E85
Harmonie kolorów
Komplementarna +180°
- 0061AC
Wing Commander
- 845400
≈ Spear Shaft
Analogowa -30° +30°
- 0061AC
Wing Commander
- 006B83
≈ Arabian Nights
- 5451AD
≈ Brandywine Raspberry
Triada +120° +240°
- 0061AC
Wing Commander
- 9F344C
≈ Raspberry Ice Red
- 446E00
≈ Forest Empress
Komplementarna rozszczepiona +150° +210°
- 0061AC
Wing Commander
- 9F3C0E
≈ Muddy
- 6D6100
≈ Green Brown
Tetrada +90° +180° +270°
- 0061AC
Wing Commander
- 923877
≈ Magenta Red
- 845400
≈ Spear Shaft
- 00724B
≈ Lush Meadow
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.35:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.30:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--wing-commander: #0061ac;
--wing-commander-rgb: 0 97 172;
--wing-commander-oklch: oklch(0.487 0.142 251);
}
.element {
color: var(--wing-commander);
background-color: hsl(206 100% 34%);
border-color: oklch(0.487 0.142 251);
}Tailwind CSS v4
@theme {
--color-wing-commander: #0061ac;
--color-wing-commander-50: #d9f8ff;
--color-wing-commander-100: #c7ecff;
--color-wing-commander-200: #a9d8ff;
--color-wing-commander-300: #82bbfe;
--color-wing-commander-400: #59a3ef;
--color-wing-commander-500: #2d89e0;
--color-wing-commander-600: #2874bd;
--color-wing-commander-700: #205d98;
--color-wing-commander-800: #114571;
--color-wing-commander-900: #0b2f4f;
--color-wing-commander-950: #001c35;
}SCSS
$wing-commander: #0061ac;
$wing-commander-rgb: 0, 97, 172;
$wing-commander-light: mix(#fff, $wing-commander, 20%);
$wing-commander-dark: mix(#000, $wing-commander, 20%);
.element {
color: $wing-commander;
box-shadow: 0 0 0 2px rgba($wing-commander, 0.35);
}