Colore con nome · #110044
Floppy Disk
Floppy Disk è #110044: rgb(17 0 68), hsl(255 100% 13%), oklch(0.19 0.114 280.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Floppy Disk color name →
#110044
oklch(0.19 0.114 280.8)
Conversioni di colore
- HEX
- #110044
- RGB
- rgb(17 0 68)
- HSL
- hsl(255 100% 13%)
- HWB
- hwb(255 0% 73%)
- OKLCH
- oklch(0.19 0.114 280.8)
- OKLab
- oklab(0.19 0.021 -0.112)
- CIE Lab
- lab(4.29 24.11 -38.76)
- LCH
- lch(4.29 45.64 301.9)
- CMYK
- cmyk(75% 100% 0% 73%)
Tinte · Ombre · Toni
Tinte
- 201B57
- 333369
- 494B7C
- 60638E
- 787BA1
- 9194B3
- ACAEC6
- C7C9D9
- E2E3EC
Ombre
- 0D003A
- 090030
- 060026
- 04001D
- 020014
- 01000C
- 000005
- 000002
- 000000
Toni
- 18104B
- 211E52
- 2B2B58
- 35375E
- 414365
- 4D4F6A
- 595B70
- 666776
- 73737B
Armonie di colore
Complementare +180°
- 110044
Floppy Disk
- 181400
≈ Chinese Black
Analogo -30° +30°
- 110044
Floppy Disk
- 00142B
≈ Squid’s Ink
- 210032
≈ Coal Mine
Triadico +120° +240°
- 110044
Floppy Disk
- 280800
≈ Root Brew
- 00190D
≈ Pinch of Pepper
Complementare divisa +150° +210°
- 110044
Floppy Disk
- 1F1000
≈ Super Black
- 0B1800
≈ Oil Slick
Tetradico +90° +180° +270°
- 110044
Floppy Disk
- 2D000B
≈ Ilvaite Black
- 181400
≈ Chinese Black
- 001817
≈ Black Stallion
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 18.96:1 · APCA Lc 105
Ag
FailSu nero
WCAG 1.10:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 18.96:1 (AAA) · APCA Lc 105
Contrast pairs
Frammenti di codice
CSS
:root {
--floppy-disk: #110044;
--floppy-disk-rgb: 17 0 68;
--floppy-disk-oklch: oklch(0.19 0.114 280.8);
}
.element {
color: var(--floppy-disk);
background-color: hsl(255 100% 13%);
border-color: oklch(0.19 0.114 280.8);
}Tailwind CSS v4
@theme {
--color-floppy-disk: #110044;
--color-floppy-disk-50: #f0f2ff;
--color-floppy-disk-100: #e2e4ff;
--color-floppy-disk-200: #cccfff;
--color-floppy-disk-300: #aeb0f1;
--color-floppy-disk-400: #9296e1;
--color-floppy-disk-500: #797cd0;
--color-floppy-disk-600: #6769af;
--color-floppy-disk-700: #52548d;
--color-floppy-disk-800: #3a3d69;
--color-floppy-disk-900: #282a4a;
--color-floppy-disk-950: #161831;
}SCSS
$floppy-disk: #110044;
$floppy-disk-rgb: 17, 0, 68;
$floppy-disk-light: mix(#fff, $floppy-disk, 20%);
$floppy-disk-dark: mix(#000, $floppy-disk, 20%);
.element {
color: $floppy-disk;
box-shadow: 0 0 0 2px rgba($floppy-disk, 0.35);
}