Nazwany kolor · #0C06F7
Strong Blue
Strong Blue to #0C06F7: rgb(12 6 247), hsl(241 95% 50%), oklch(0.445 0.303 264.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Strong Blue color name →
#0C06F7
oklch(0.445 0.303 264.9)
Konwersje koloru
- HEX
- #0c06f7
- RGB
- rgb(12 6 247)
- HSL
- hsl(241 95% 50%)
- HWB
- hwb(241 2% 3%)
- OKLCH
- oklch(0.445 0.303 264.9)
- OKLab
- oklab(0.445 -0.027 -0.302)
- CIE Lab
- lab(29.03 65.76 -108.43)
- LCH
- lch(29.03 126.81 301.2)
- CMYK
- cmyk(95% 98% 0% 3%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1441FB
- 2A5FFE
- 4377FF
- 5C8DFF
- 76A1FF
- 91B5FF
- ACC8FF
- C7DBFF
- E3EDFF
Odcienie ciemniejsze
- 0904D7
- 0603B7
- 040299
- 03017C
- 020160
- 010045
- 00002C
- 000015
- 000003
Tony
- 0C2FEC
- 1642E1
- 2350D6
- 305ACB
- 3D63C0
- 4B6BB4
- 5871A8
- 66779B
- 737C8E
Harmonie kolorów
Komplementarna +180°
- 0C06F7
Strong Blue
- 6B4F00
≈ Antique Bronze
Analogowa -30° +30°
- 0C06F7
Strong Blue
- 005B80
≈ Whale’s Tale
- 6600C8
≈ Trusted Purple
Triada +120° +240°
- 0C06F7
Strong Blue
- A00017
≈ Dear Darling
- 006717
≈ Zelyony Green
Komplementarna rozszczepiona +150° +210°
- 0C06F7
Strong Blue
- 814000
≈ Hazelnut Chocolate
- 535A00
≈ Greensboro
Tetrada +90° +180° +270°
- 0C06F7
Strong Blue
- 990059
≈ Vertigo Cherry
- 6B4F00
≈ Antique Bronze
- 006351
≈ Piney Lake
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.80:1 · APCA Lc 87
Ag
FailNa czerni
WCAG 2.38:1 · APCA Lc 15
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.80:1 (AAA) · APCA Lc 87
Contrast pairs
Fragmenty kodu
CSS
:root {
--strong-blue: #0c06f7;
--strong-blue-rgb: 12 6 247;
--strong-blue-oklch: oklch(0.445 0.303 264.9);
}
.element {
color: var(--strong-blue);
background-color: hsl(241 95% 50%);
border-color: oklch(0.445 0.303 264.9);
}Tailwind CSS v4
@theme {
--color-strong-blue: #0c06f7;
--color-strong-blue-50: #cef3ff;
--color-strong-blue-100: #bae4ff;
--color-strong-blue-200: #9accff;
--color-strong-blue-300: #72a9ff;
--color-strong-blue-400: #4287ff;
--color-strong-blue-500: #1f5bff;
--color-strong-blue-600: #1b50ff;
--color-strong-blue-700: #1540df;
--color-strong-blue-800: #002fa8;
--color-strong-blue-900: #002178;
--color-strong-blue-950: #000c55;
}SCSS
$strong-blue: #0c06f7;
$strong-blue-rgb: 12, 6, 247;
$strong-blue-light: mix(#fff, $strong-blue, 20%);
$strong-blue-dark: mix(#000, $strong-blue, 20%);
.element {
color: $strong-blue;
box-shadow: 0 0 0 2px rgba($strong-blue, 0.35);
}