Colore con nome più vicino · #000704
#000704
Colore con nome più vicino: Black Hole
#000704 (rgb(0 7 4), hsl(154 100% 1%), oklch(0.114 0.023 169.4)) è più vicino al colore con nome Black Hole. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#000704
oklch(0.114 0.023 169.4)
Conversioni di colore
- HEX
- #000704
- RGB
- rgb(0 7 4)
- HSL
- hsl(154 100% 1%)
- HWB
- hwb(154 0% 97%)
- OKLCH
- oklch(0.114 0.023 169.4)
- OKLab
- oklab(0.114 -0.022 0.004)
- CIE Lab
- lab(1.44 -2.21 0.46)
- LCH
- lch(1.44 2.26 168.2)
- CMYK
- cmyk(100% 0% 43% 97%)
Tinte · Ombre · Toni
Tinte
- 0D1A15
- 232F2A
- 3A4541
- 535D59
- 6D7672
- 89908D
- A5AAA8
- C2C6C4
- E0E2E1
Ombre
- 000503
- 000402
- 000201
- 000201
- 000101
- 000000
- 000000
- 000000
- 000000
Toni
- 05110C
- 101B17
- 1D2723
- 29322F
- 373E3B
- 454B48
- 535856
- 626563
- 717272
Armonie di colore
Complementare +180°
- 000704
Black Hole
- 0A0306
≈ Pupil
Analogo -30° +30°
- 000704
Black Hole
- 020602
≈ Black Metal
- 000707
≈ Eight Ball
Triadico +120° +240°
- 000704
Black Hole
- 05040C
≈ Eight Ball
- 0B0301
≈ Liquorice
Complementare divisa +150° +210°
- 000704
Black Hole
- 08030A
≈ Broken Tube
- 0C0303
≈ Pupil
Tetradico +90° +180° +270°
- 000704
Black Hole
- 02050D
≈ Eight Ball
- 0A0306
≈ Pupil
- 090400
≈ Liquorice
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 20.34:1 · APCA Lc 106
Ag
FailSu nero
WCAG 1.03:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 20.34:1 (AAA) · APCA Lc 106
Contrast pairs
Frammenti di codice
CSS
:root {
--black-hole: #000704;
--black-hole-rgb: 0 7 4;
--black-hole-oklch: oklch(0.114 0.023 169.4);
}
.element {
color: var(--black-hole);
background-color: hsl(154 100% 1%);
border-color: oklch(0.114 0.023 169.4);
}Tailwind CSS v4
@theme {
--color-black-hole: #000704;
--color-black-hole-50: #eff7f4;
--color-black-hole-100: #e1eae7;
--color-black-hole-200: #cbd8d3;
--color-black-hole-300: #acbbb6;
--color-black-hole-400: #92a39c;
--color-black-hole-500: #788b84;
--color-black-hole-600: #66766f;
--color-black-hole-700: #515e59;
--color-black-hole-800: #3b4541;
--color-black-hole-900: #29302d;
--color-black-hole-950: #161c1a;
}SCSS
$black-hole: #000704;
$black-hole-rgb: 0, 7, 4;
$black-hole-light: mix(#fff, $black-hole, 20%);
$black-hole-dark: mix(#000, $black-hole, 20%);
.element {
color: $black-hole;
box-shadow: 0 0 0 2px rgba($black-hole, 0.35);
}