Nazwany kolor · #00608B
Ink Blotch
Ink Blotch to #00608B: rgb(0 96 139), hsl(199 100% 27%), oklch(0.464 0.102 237.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Ink Blotch color name →
#00608B
oklch(0.464 0.102 237.6)
Konwersje koloru
- HEX
- #00608b
- RGB
- rgb(0 96 139)
- HSL
- hsl(199 100% 27%)
- HWB
- hwb(199 0% 45%)
- OKLCH
- oklch(0.464 0.102 237.6)
- OKLab
- oklab(0.464 -0.055 -0.086)
- CIE Lab
- lab(37.75 -11.83 -31.13)
- LCH
- lch(37.75 33.3 249.2)
- CMYK
- cmyk(100% 31% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 2B6F97
- 457FA2
- 5D8EAE
- 749EB9
- 8BAEC5
- A1BED1
- B8CEDC
- D0DEE8
- E7EEF3
Odcienie ciemniejsze
- 005278
- 004566
- 003854
- 002C43
- 002032
- 001523
- 000A14
- 000307
- 000001
Tony
- 1D648A
- 2D678A
- 3A6B89
- 456E88
- 507187
- 5A7486
- 647784
- 6D7A83
- 777D82
Harmonie kolorów
Komplementarna +180°
- 00608B
Ink Blotch
- 834812
≈ Russet
Analogowa -30° +30°
- 00608B
Ink Blotch
- 006570
≈ Wakame Green
- 405692
≈ Muted Lavender
Triada +120° +240°
- 00608B
Ink Blotch
- 853E59
≈ Ancient Royal Banner
- 55600C
≈ Greensboro
Komplementarna rozszczepiona +150° +210°
- 00608B
Ink Blotch
- 894038
≈ Strong Strawberry
- 6F5500
≈ Pickled Grape Leaves
Tetrada +90° +180° +270°
- 00608B
Ink Blotch
- 774376
≈ Purple Passion
- 834812
≈ Russet
- 2A6836
≈ Camarone
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.89:1 · APCA Lc 83
Ag
FailNa czerni
WCAG 3.04:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.89:1 (AA) · APCA Lc 83
Contrast pairs
Fragmenty kodu
CSS
:root {
--ink-blotch: #00608b;
--ink-blotch-rgb: 0 96 139;
--ink-blotch-oklch: oklch(0.464 0.102 237.6);
}
.element {
color: var(--ink-blotch);
background-color: hsl(199 100% 27%);
border-color: oklch(0.464 0.102 237.6);
}Tailwind CSS v4
@theme {
--color-ink-blotch: #00608b;
--color-ink-blotch-50: #dcfaff;
--color-ink-blotch-100: #caedff;
--color-ink-blotch-200: #addbfc;
--color-ink-blotch-300: #86bfe7;
--color-ink-blotch-400: #60a7d4;
--color-ink-blotch-500: #378fc2;
--color-ink-blotch-600: #3079a3;
--color-ink-blotch-700: #266183;
--color-ink-blotch-800: #184761;
--color-ink-blotch-900: #0f3244;
--color-ink-blotch-950: #021d2c;
}SCSS
$ink-blotch: #00608b;
$ink-blotch-rgb: 0, 96, 139;
$ink-blotch-light: mix(#fff, $ink-blotch, 20%);
$ink-blotch-dark: mix(#000, $ink-blotch, 20%);
.element {
color: $ink-blotch;
box-shadow: 0 0 0 2px rgba($ink-blotch, 0.35);
}