Najbliższy nazwany kolor · #08162A
#08162A
Najbliższy nazwany kolor: Trapped Darkness
#08162A (rgb(8 22 42), hsl(215 68% 10%), oklch(0.2 0.045 257.3)) jest najbliższy nazwanemu kolorowi Trapped Darkness. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#08162A
oklch(0.2 0.045 257.3)
Konwersje koloru
- HEX
- #08162a
- RGB
- rgb(8 22 42)
- HSL
- hsl(215 68% 10%)
- HWB
- hwb(215 3% 84%)
- OKLCH
- oklch(0.2 0.045 257.3)
- OKLab
- oklab(0.2 -0.01 -0.044)
- CIE Lab
- lab(6.95 0.17 -15.63)
- LCH
- lch(6.95 15.63 270.6)
- CMYK
- cmyk(81% 48% 0% 84%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 1C293D
- 313E50
- 485364
- 5F6A79
- 78818E
- 9199A4
- ACB2BA
- C7CBD0
- E3E5E8
Odcienie ciemniejsze
- 061223
- 040D1C
- 030916
- 020610
- 01030A
- 010205
- 000102
- 000001
- 000000
Tony
- 132032
- 1D293B
- 293343
- 343E4B
- 404854
- 4C535D
- 595E65
- 66696E
- 737477
Harmonie kolorów
Komplementarna +180°
- 08162A
Trapped Darkness
- 201300
≈ Super Black
Analogowa -30° +30°
- 08162A
Trapped Darkness
- 001924
≈ Creeping Death
- 151229
≈ Corbeau
Triada +120° +240°
- 08162A
Trapped Darkness
- 270C0E
≈ Italian Roast
- 0B1B06
≈ Pinch of Pepper
Komplementarna rozszczepiona +150° +210°
- 08162A
Trapped Darkness
- 260F04
≈ Severely Burnt Toast
- 181700
≈ Pinch of Pepper
Tetrada +90° +180° +270°
- 08162A
Trapped Darkness
- 240D1A
≈ Inside
- 201300
≈ Super Black
- 001C12
≈ Pinch of Pepper
Kontrast i dostępność
Ag
AAANa bieli
WCAG 18.12:1 · APCA Lc 105
Ag
FailNa czerni
WCAG 1.15:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 18.12:1 (AAA) · APCA Lc 105
Contrast pairs
Fragmenty kodu
CSS
:root {
--trapped-darkness: #08162a;
--trapped-darkness-rgb: 8 22 42;
--trapped-darkness-oklch: oklch(0.2 0.045 257.3);
}
.element {
color: var(--trapped-darkness);
background-color: hsl(215 68% 10%);
border-color: oklch(0.2 0.045 257.3);
}Tailwind CSS v4
@theme {
--color-trapped-darkness: #08162a;
--color-trapped-darkness-50: #eef6ff;
--color-trapped-darkness-100: #dfe9f7;
--color-trapped-darkness-200: #c9d5e8;
--color-trapped-darkness-300: #aab8cf;
--color-trapped-darkness-400: #8ea0b9;
--color-trapped-darkness-500: #7488a4;
--color-trapped-darkness-600: #62738b;
--color-trapped-darkness-700: #4e5c6f;
--color-trapped-darkness-800: #384352;
--color-trapped-darkness-900: #262e39;
--color-trapped-darkness-950: #151b23;
}SCSS
$trapped-darkness: #08162a;
$trapped-darkness-rgb: 8, 22, 42;
$trapped-darkness-light: mix(#fff, $trapped-darkness, 20%);
$trapped-darkness-dark: mix(#000, $trapped-darkness, 20%);
.element {
color: $trapped-darkness;
box-shadow: 0 0 0 2px rgba($trapped-darkness, 0.35);
}