Nazwany kolor · #160435
Quiet Abyss
Quiet Abyss to #160435: rgb(22 4 53), hsl(262 86% 11%), oklch(0.184 0.089 292.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Quiet Abyss color name →
#160435
oklch(0.184 0.089 292.8)
Konwersje koloru
- HEX
- #160435
- RGB
- rgb(22 4 53)
- HSL
- hsl(262 86% 11%)
- HWB
- hwb(262 2% 79%)
- OKLCH
- oklch(0.184 0.089 292.8)
- OKLab
- oklab(0.184 0.034 -0.082)
- CIE Lab
- lab(4.35 17.8 -27.81)
- LCH
- lch(4.35 33.01 302.6)
- CMYK
- cmyk(58% 92% 0% 79%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 281B48
- 3B325B
- 50496F
- 676182
- 7E7996
- 9793AB
- B0ADBF
- C9C8D4
- E4E3EA
Odcienie ciemniejsze
- 12032D
- 0D0225
- 09011D
- 060115
- 03010E
- 020008
- 010003
- 000001
- 000000
Tony
- 1E113D
- 281D45
- 31294C
- 3B3554
- 46415B
- 514D63
- 5C5A6A
- 686672
- 747379
Harmonie kolorów
Komplementarna +180°
- 160435
Quiet Abyss
- 131400
≈ Chinese Black
Analogowa -30° +30°
- 160435
Quiet Abyss
- 000C39
≈ Stratos
- 230028
≈ Black Sabbath
Triada +120° +240°
- 160435
Quiet Abyss
- 220B00
≈ Severely Burnt Toast
- 001711
≈ Jedi Night
Komplementarna rozszczepiona +150° +210°
- 160435
Quiet Abyss
- 1A1000
≈ Crowshead
- 001900
≈ Oil Slick
Tetrada +90° +180° +270°
- 160435
Quiet Abyss
- 2B0003
≈ Sepia Black
- 131400
≈ Chinese Black
- 001618
≈ Black Glaze
Kontrast i dostępność
Ag
AAANa bieli
WCAG 19.04:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.10:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 19.04:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--quiet-abyss: #160435;
--quiet-abyss-rgb: 22 4 53;
--quiet-abyss-oklch: oklch(0.184 0.089 292.8);
}
.element {
color: var(--quiet-abyss);
background-color: hsl(262 86% 11%);
border-color: oklch(0.184 0.089 292.8);
}Tailwind CSS v4
@theme {
--color-quiet-abyss: #160435;
--color-quiet-abyss-50: #f6f1ff;
--color-quiet-abyss-100: #e9e3ff;
--color-quiet-abyss-200: #d6cdf7;
--color-quiet-abyss-300: #baafe1;
--color-quiet-abyss-400: #a095cf;
--color-quiet-abyss-500: #887bbc;
--color-quiet-abyss-600: #73689f;
--color-quiet-abyss-700: #5c537f;
--color-quiet-abyss-800: #423d5f;
--color-quiet-abyss-900: #2e2a43;
--color-quiet-abyss-950: #1b172b;
}SCSS
$quiet-abyss: #160435;
$quiet-abyss-rgb: 22, 4, 53;
$quiet-abyss-light: mix(#fff, $quiet-abyss, 20%);
$quiet-abyss-dark: mix(#000, $quiet-abyss, 20%);
.element {
color: $quiet-abyss;
box-shadow: 0 0 0 2px rgba($quiet-abyss, 0.35);
}