Najbliższy nazwany kolor · #3C526D
#3C526D
Najbliższy nazwany kolor: Inkjet
#3C526D (rgb(60 82 109), hsl(213 29% 33%), oklch(0.432 0.053 254)) jest najbliższy nazwanemu kolorowi Inkjet. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#3C526D
oklch(0.432 0.053 254)
Konwersje koloru
- HEX
- #3c526d
- RGB
- rgb(60 82 109)
- HSL
- hsl(213 29% 33%)
- HWB
- hwb(213 24% 57%)
- OKLCH
- oklch(0.432 0.053 254)
- OKLab
- oklab(0.432 -0.015 -0.051)
- CIE Lab
- lab(33.94 -2.72 -18.49)
- LCH
- lch(33.94 18.69 261.6)
- CMYK
- cmyk(45% 25% 0% 57%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4E627B
- 607289
- 728397
- 8593A5
- 98A5B4
- ACB6C3
- C0C8D2
- D5DAE1
- EAECF0
Odcienie ciemniejsze
- 33465E
- 2A3B4F
- 212F41
- 192533
- 111A26
- 0A1119
- 04080D
- 010204
- 000001
Tony
- 43576F
- 495B71
- 506073
- 576475
- 5E6977
- 646E79
- 6B727B
- 72777D
- 797B7E
Harmonie kolorów
Komplementarna +180°
- 3C526D
Inkjet
- 624C2F
≈ Dallas
Analogowa -30° +30°
- 3C526D
Inkjet
- 2D5766
≈ Deep Loch
- 4D4D6D
≈ Pango Black
Triada +120° +240°
- 3C526D
Inkjet
- 6A4448
≈ Purplish Brown
- 445739
≈ Zen Garden Olive
Komplementarna rozszczepiona +150° +210°
- 3C526D
Inkjet
- 694738
≈ Satin Soil
- 55522F
≈ Warplock Bronze
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.01:1 · APCA Lc 88
Ag
FailNa czerni
WCAG 2.61:1 · APCA Lc 14
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.01:1 (AAA) · APCA Lc 88
Contrast pairs
Fragmenty kodu
CSS
:root {
--inkjet: #3c526d;
--inkjet-rgb: 60 82 109;
--inkjet-oklch: oklch(0.432 0.053 254);
}
.element {
color: var(--inkjet);
background-color: hsl(213 29% 33%);
border-color: oklch(0.432 0.053 254);
}Tailwind CSS v4
@theme {
--color-inkjet: #3c526d;
--color-inkjet-50: #ecf6ff;
--color-inkjet-100: #dde9fa;
--color-inkjet-200: #c6d6eb;
--color-inkjet-300: #a6b9d3;
--color-inkjet-400: #89a1be;
--color-inkjet-500: #6e88a9;
--color-inkjet-600: #5d738f;
--color-inkjet-700: #4b5c72;
--color-inkjet-800: #354454;
--color-inkjet-900: #242f3b;
--color-inkjet-950: #131b25;
}SCSS
$inkjet: #3c526d;
$inkjet-rgb: 60, 82, 109;
$inkjet-light: mix(#fff, $inkjet, 20%);
$inkjet-dark: mix(#000, $inkjet, 20%);
.element {
color: $inkjet;
box-shadow: 0 0 0 2px rgba($inkjet, 0.35);
}