Nazwany kolor · #6C7386
Blue Aura
Blue Aura to #6C7386: rgb(108 115 134), hsl(224 11% 47%), oklch(0.556 0.031 269.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Blue Aura color name →
#6C7386
oklch(0.556 0.031 269.4)
Konwersje koloru
- HEX
- #6c7386
- RGB
- rgb(108 115 134)
- HSL
- hsl(224 11% 47%)
- HWB
- hwb(224 42% 47%)
- OKLCH
- oklch(0.556 0.031 269.4)
- OKLab
- oklab(0.556 0 -0.031)
- CIE Lab
- lab(48.35 0.51 -11.42)
- LCH
- lch(48.35 11.43 272.6)
- CMYK
- cmyk(19% 14% 0% 47%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7A8092
- 878D9D
- 969BA9
- A4A9B5
- B3B7C1
- C2C5CD
- D1D3D9
- E0E2E6
- EFF0F2
Odcienie ciemniejsze
- 5D6374
- 4E5462
- 404551
- 323640
- 252830
- 191B21
- 0D0F13
- 040506
- 000101
Tony
- 6E7485
- 707685
- 727784
- 747884
- 767A83
- 787B83
- 7A7C82
- 7C7D81
- 7E7F81
Harmonie kolorów
Komplementarna +180°
- 6C7386
Blue Aura
- 7A735F
≈ Backcountry
Analogowa -30° +30°
- 6C7386
Blue Aura
- 637684
≈ Freedom Found
- 767083
≈ Ritual
Triada +120° +240°
- 6C7386
Blue Aura
- 856D69
≈ African Mud
- 67796A
≈ Sage Green Grey
Komplementarna rozszczepiona +150° +210°
- 6C7386
Blue Aura
- 816F62
≈ Summer Sparrow
- 717662
≈ Mouse Tail
Tetrada +90° +180° +270°
- 6C7386
Blue Aura
- 836C73
≈ Punctuate
- 7A735F
≈ Backcountry
- 607A74
≈ Refreshing Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.73:1 · APCA Lc 73
Ag
FailNa czerni
WCAG 4.43:1 · APCA Lc 29
Najlepszy kolor tekstu: #FFFFFF
WCAG 4.73:1 (AA) · APCA Lc 73
Contrast pairs
Fragmenty kodu
CSS
:root {
--blue-aura: #6c7386;
--blue-aura-rgb: 108 115 134;
--blue-aura-oklch: oklch(0.556 0.031 269.4);
}
.element {
color: var(--blue-aura);
background-color: hsl(224 11% 47%);
border-color: oklch(0.556 0.031 269.4);
}Tailwind CSS v4
@theme {
--color-blue-aura: #6c7386;
--color-blue-aura-50: #f2f5fe;
--color-blue-aura-100: #e4e8f3;
--color-blue-aura-200: #cfd4e2;
--color-blue-aura-300: #b1b7c8;
--color-blue-aura-400: #979eb1;
--color-blue-aura-500: #7e869b;
--color-blue-aura-600: #6b7183;
--color-blue-aura-700: #555a69;
--color-blue-aura-800: #3e424d;
--color-blue-aura-900: #2a2e36;
--color-blue-aura-950: #181a21;
}SCSS
$blue-aura: #6c7386;
$blue-aura-rgb: 108, 115, 134;
$blue-aura-light: mix(#fff, $blue-aura, 20%);
$blue-aura-dark: mix(#000, $blue-aura, 20%);
.element {
color: $blue-aura;
box-shadow: 0 0 0 2px rgba($blue-aura, 0.35);
}