Nazwany kolor · #60616B
Script Ink
Script Ink to #60616B: rgb(96 97 107), hsl(235 5% 40%), oklch(0.495 0.016 281.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Script Ink color name →
#60616B
oklch(0.495 0.016 281.3)
Konwersje koloru
- HEX
- #60616b
- RGB
- rgb(96 97 107)
- HSL
- hsl(235 5% 40%)
- HWB
- hwb(235 38% 58%)
- OKLCH
- oklch(0.495 0.016 281.3)
- OKLab
- oklab(0.495 0.003 -0.016)
- CIE Lab
- lab(41.32 1.24 -5.83)
- LCH
- lch(41.32 5.96 282)
- CMYK
- cmyk(10% 9% 0% 58%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 6F6F79
- 7D7E87
- 8D8D95
- 9C9DA3
- ACADB2
- BCBDC1
- CCCDD0
- DDDDE0
- EEEEEF
Odcienie ciemniejsze
- 52535C
- 45464E
- 38393F
- 2C2D32
- 202125
- 151518
- 0A0B0D
- 030304
- 000000
Tony
- 63646D
- 66676F
- 696A71
- 6D6D73
- 707075
- 737378
- 76777A
- 797A7C
- 7D7D7E
Harmonie kolorów
Komplementarna +180°
- 60616B
Script Ink
- 646258
≈ Marble Garden
Analogowa -30° +30°
- 60616B
Script Ink
- 5B636B
≈ Calligraphy
- 655F69
≈ Forge
Triada +120° +240°
- 60616B
Script Ink
- 6A5F5B
≈ Bull Ring
- 5A655F
≈ Woodland Moss
Komplementarna rozszczepiona +150° +210°
- 60616B
Script Ink
- 686158
≈ Bungee Cord
- 5F645B
≈ Woohringa
Tetrada +90° +180° +270°
- 60616B
Script Ink
- 6B5E5F
≈ Moroccan Dusk
- 646258
≈ Marble Garden
- 586564
≈ Brooklyn
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.14:1 · APCA Lc 81
Ag
FailNa czerni
WCAG 3.41:1 · APCA Lc 21
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.14:1 (AA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
CSS
:root {
--script-ink: #60616b;
--script-ink-rgb: 96 97 107;
--script-ink-oklch: oklch(0.495 0.016 281.3);
}
.element {
color: var(--script-ink);
background-color: hsl(235 5% 40%);
border-color: oklch(0.495 0.016 281.3);
}Tailwind CSS v4
@theme {
--color-script-ink: #60616b;
--color-script-ink-50: #f4f5fa;
--color-script-ink-100: #e7e7ed;
--color-script-ink-200: #d3d3db;
--color-script-ink-300: #b6b6bf;
--color-script-ink-400: #9c9da8;
--color-script-ink-500: #848591;
--color-script-ink-600: #70717a;
--color-script-ink-700: #595a62;
--color-script-ink-800: #414248;
--color-script-ink-900: #2d2d32;
--color-script-ink-950: #1a1a1e;
}SCSS
$script-ink: #60616b;
$script-ink-rgb: 96, 97, 107;
$script-ink-light: mix(#fff, $script-ink, 20%);
$script-ink-dark: mix(#000, $script-ink, 20%);
.element {
color: $script-ink;
box-shadow: 0 0 0 2px rgba($script-ink, 0.35);
}