Nazwany kolor · #6384B8
Marine Ink
Marine Ink to #6384B8: rgb(99 132 184), hsl(217 37% 55%), oklch(0.61 0.088 259.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Marine Ink color name →
#6384B8
oklch(0.61 0.088 259.3)
Konwersje koloru
- HEX
- #6384b8
- RGB
- rgb(99 132 184)
- HSL
- hsl(217 37% 55%)
- HWB
- hwb(217 39% 28%)
- OKLCH
- oklch(0.61 0.088 259.3)
- OKLab
- oklab(0.61 -0.016 -0.087)
- CIE Lab
- lab(54.26 -1.15 -31.44)
- LCH
- lch(54.26 31.47 267.9)
- CMYK
- cmyk(46% 28% 0% 28%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 7290BF
- 819CC7
- 90A8CE
- 9FB4D5
- AFC1DC
- BECDE3
- CED9EA
- DEE6F1
- EFF2F8
Odcienie ciemniejsze
- 5572A0
- 476088
- 3A4F71
- 2E3F5B
- 212F45
- 162031
- 0B121E
- 03060C
- 000102
Tony
- 6684B3
- 6984AD
- 6C83A8
- 6F83A2
- 72839D
- 758297
- 788291
- 7B818C
- 7D8186
Harmonie kolorów
Komplementarna +180°
- 6384B8
Marine Ink
- 9F7D42
≈ Ochre Brown
Analogowa -30° +30°
- 6384B8
Marine Ink
- 438DAD
≈ Boston Blue
- 827AB5
≈ Purple Rhapsody
Triada +120° +240°
- 6384B8
Marine Ink
- B26D6E
≈ Horizon Glow
- 67905C
≈ Irish Charm
Komplementarna rozszczepiona +150° +210°
- 6384B8
Marine Ink
- AE7352
≈ Glazed Pot
- 878846
≈ Overgrown Citadel
Tetrada +90° +180° +270°
- 6384B8
Marine Ink
- AB6D8B
≈ Cure All
- 9F7D42
≈ Ochre Brown
- 45947A
≈ Good Luck
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.80:1 · APCA Lc 65
Ag
AANa czerni
WCAG 5.52:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.52:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--marine-ink: #6384b8;
--marine-ink-rgb: 99 132 184;
--marine-ink-oklch: oklch(0.61 0.088 259.3);
}
.element {
color: var(--marine-ink);
background-color: hsl(217 37% 55%);
border-color: oklch(0.61 0.088 259.3);
}Tailwind CSS v4
@theme {
--color-marine-ink: #6384b8;
--color-marine-ink-50: #e7f6ff;
--color-marine-ink-100: #d8e9ff;
--color-marine-ink-200: #c0d5fb;
--color-marine-ink-300: #9eb8e5;
--color-marine-ink-400: #7fa0d3;
--color-marine-ink-500: #6287c0;
--color-marine-ink-600: #5472a2;
--color-marine-ink-700: #435b82;
--color-marine-ink-800: #2e4361;
--color-marine-ink-900: #1f2e44;
--color-marine-ink-950: #0f1b2c;
}SCSS
$marine-ink: #6384b8;
$marine-ink-rgb: 99, 132, 184;
$marine-ink-light: mix(#fff, $marine-ink, 20%);
$marine-ink-dark: mix(#000, $marine-ink, 20%);
.element {
color: $marine-ink;
box-shadow: 0 0 0 2px rgba($marine-ink, 0.35);
}