Colore con nome · #550000
Soooo Bloody
Soooo Bloody è #550000: rgb(85 0 0), hsl(0 100% 17%), oklch(0.282 0.116 29.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Soooo Bloody color name →
#550000
oklch(0.282 0.116 29.2)
Conversioni di colore
- HEX
- #550000
- RGB
- rgb(85 0 0)
- HSL
- hsl(0 100% 17%)
- HWB
- hwb(0 0% 67%)
- OKLCH
- oklch(0.282 0.116 29.2)
- OKLab
- oklab(0.282 0.101 0.057)
- CIE Lab
- lab(15.6 36.32 24.51)
- LCH
- lch(15.6 43.82 34)
- CMYK
- cmyk(0% 100% 100% 67%)
Tinte · Ombre · Toni
Tinte
- 672018
- 793830
- 8B5047
- 9C685F
- AD8078
- BE9892
- CEB1AC
- DFCBC7
- EFE5E3
Ombre
- 490000
- 3D0000
- 310000
- 260000
- 1C0000
- 110000
- 080000
- 020000
- 000000
Toni
- 5B140E
- 61221B
- 662F28
- 6B3B34
- 6F4640
- 74524D
- 775D59
- 7B6966
- 7E7473
Armonie di colore
Complementare +180°
- 550000
Soooo Bloody
- 003036
≈ Roof Tile Green
Analogo -30° +30°
- 550000
Soooo Bloody
- 510028
≈ Fig Balsamic
- 412000
≈ Blackened Brown
Triadico +120° +240°
- 550000
Soooo Bloody
- 003411
≈ Haunted Hills
- 142061
≈ Pure Midnight
Complementare divisa +150° +210°
- 550000
Soooo Bloody
- 00322A
≈ Fence Green
- 002D45
≈ Cosmos Blue
Tetradico +90° +180° +270°
- 550000
Soooo Bloody
- 262E00
≈ Blind Forest
- 003036
≈ Roof Tile Green
- 331459
≈ Fabric of Space
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 15.14:1 · APCA Lc 100
Ag
FailSu nero
WCAG 1.38:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 15.14:1 (AAA) · APCA Lc 100
Contrast pairs
Frammenti di codice
CSS
:root {
--soooo-bloody: #550000;
--soooo-bloody-rgb: 85 0 0;
--soooo-bloody-oklch: oklch(0.282 0.116 29.2);
}
.element {
color: var(--soooo-bloody);
background-color: hsl(0 100% 17%);
border-color: oklch(0.282 0.116 29.2);
}Tailwind CSS v4
@theme {
--color-soooo-bloody: #550000;
--color-soooo-bloody-50: #ffeae1;
--color-soooo-bloody-100: #ffdad1;
--color-soooo-bloody-200: #ffc3b6;
--color-soooo-bloody-300: #eda193;
--color-soooo-bloody-400: #da8376;
--color-soooo-bloody-500: #c76558;
--color-soooo-bloody-600: #a8564b;
--color-soooo-bloody-700: #87453c;
--color-soooo-bloody-800: #65312c;
--color-soooo-bloody-900: #47211d;
--color-soooo-bloody-950: #2e100e;
}SCSS
$soooo-bloody: #550000;
$soooo-bloody-rgb: 85, 0, 0;
$soooo-bloody-light: mix(#fff, $soooo-bloody, 20%);
$soooo-bloody-dark: mix(#000, $soooo-bloody, 20%);
.element {
color: $soooo-bloody;
box-shadow: 0 0 0 2px rgba($soooo-bloody, 0.35);
}