Colore con nome più vicino · #08162A
#08162A
Colore con nome più vicino: Trapped Darkness
#08162A (rgb(8 22 42), hsl(215 68% 10%), oklch(0.2 0.045 257.3)) è più vicino al colore con nome Trapped Darkness. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#08162A
oklch(0.2 0.045 257.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 1C293D
- 313E50
- 485364
- 5F6A79
- 78818E
- 9199A4
- ACB2BA
- C7CBD0
- E3E5E8
Ombre
- 061223
- 040D1C
- 030916
- 020610
- 01030A
- 010205
- 000102
- 000001
- 000000
Toni
- 132032
- 1D293B
- 293343
- 343E4B
- 404854
- 4C535D
- 595E65
- 66696E
- 737477
Armonie di colore
Complementare +180°
- 08162A
Trapped Darkness
- 201300
≈ Super Black
Analogo -30° +30°
- 08162A
Trapped Darkness
- 001924
≈ Creeping Death
- 151229
≈ Corbeau
Triadico +120° +240°
- 08162A
Trapped Darkness
- 270C0E
≈ Italian Roast
- 0B1B06
≈ Pinch of Pepper
Complementare divisa +150° +210°
- 08162A
Trapped Darkness
- 260F04
≈ Severely Burnt Toast
- 181700
≈ Pinch of Pepper
Tetradico +90° +180° +270°
- 08162A
Trapped Darkness
- 240D1A
≈ Inside
- 201300
≈ Super Black
- 001C12
≈ Pinch of Pepper
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.12:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.15:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.12:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
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);
}