Nazwany kolor · #464964
Darkshore
Darkshore to #464964: rgb(70 73 100), hsl(234 18% 33%), oklch(0.414 0.045 279.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Darkshore color name →
#464964
oklch(0.414 0.045 279.3)
Konwersje koloru
- HEX
- #464964
- RGB
- rgb(70 73 100)
- HSL
- hsl(234 18% 33%)
- HWB
- hwb(234 27% 61%)
- OKLCH
- oklch(0.414 0.045 279.3)
- OKLab
- oklab(0.414 0.007 -0.045)
- CIE Lab
- lab(31.6 3.98 -16.34)
- LCH
- lch(31.6 16.82 283.7)
- CMYK
- cmyk(30% 27% 0% 61%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 565973
- 676A81
- 797C90
- 8B8D9F
- 9D9FAF
- B0B2BF
- C3C5CE
- D7D8DE
- EBEBEF
Odcienie ciemniejsze
- 3C3E56
- 323448
- 282A3B
- 1E202E
- 151722
- 0D0E16
- 05060B
- 020203
- 000000
Tony
- 4B4E67
- 51546A
- 57596D
- 5C5F70
- 626472
- 686A75
- 6E6F78
- 74757B
- 7A7A7D
Harmonie kolorów
Komplementarna +180°
- 464964
Darkshore
- 514C2F
≈ Jungle King
Analogowa -30° +30°
- 464964
Darkshore
- 384E63
≈ Blue Hue
- 53455E
≈ Petal Purple
Triada +120° +240°
- 464964
Darkshore
- 614339
≈ Hickory Plank
- 355343
≈ Highland Green
Komplementarna rozszczepiona +150° +210°
- 464964
Darkshore
- 5C4730
≈ Brown Hen
- 445036
≈ Green Shade Wash
Tetrada +90° +180° +270°
- 464964
Darkshore
- 614146
≈ Ancient Burgundy
- 514C2F
≈ Jungle King
- 2C5351
≈ Sea Moss
Kontrast i dostępność
Ag
AAANa bieli
WCAG 8.75:1 · APCA Lc 90
Ag
FailNa czerni
WCAG 2.39:1 · APCA Lc 12
Najlepszy kolor tekstu: #FFFFFF
WCAG 8.75:1 (AAA) · APCA Lc 90
Contrast pairs
Fragmenty kodu
CSS
:root {
--darkshore: #464964;
--darkshore-rgb: 70 73 100;
--darkshore-oklch: oklch(0.414 0.045 279.3);
}
.element {
color: var(--darkshore);
background-color: hsl(234 18% 33%);
border-color: oklch(0.414 0.045 279.3);
}Tailwind CSS v4
@theme {
--color-darkshore: #464964;
--color-darkshore-50: #f2f4ff;
--color-darkshore-100: #e5e6f7;
--color-darkshore-200: #d0d2e8;
--color-darkshore-300: #b3b5cf;
--color-darkshore-400: #989cb9;
--color-darkshore-500: #7f83a4;
--color-darkshore-600: #6c6f8b;
--color-darkshore-700: #56596f;
--color-darkshore-800: #3e4152;
--color-darkshore-900: #2b2d39;
--color-darkshore-950: #181a24;
}SCSS
$darkshore: #464964;
$darkshore-rgb: 70, 73, 100;
$darkshore-light: mix(#fff, $darkshore, 20%);
$darkshore-dark: mix(#000, $darkshore, 20%);
.element {
color: $darkshore;
box-shadow: 0 0 0 2px rgba($darkshore, 0.35);
}