Benannte Farbe · #2D1608
Darkout
Darkout ist #2D1608: rgb(45 22 8), hsl(23 70% 10%), oklch(0.229 0.044 50.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Darkout color name →
#2D1608
oklch(0.229 0.044 50.6)
Farbumrechnungen
- HEX
- #2d1608
- RGB
- rgb(45 22 8)
- HSL
- hsl(23 70% 10%)
- HWB
- hwb(23 3% 82%)
- OKLCH
- oklch(0.229 0.044 50.6)
- OKLab
- oklab(0.229 0.028 0.034)
- CIE Lab
- lab(10.36 10.85 12.43)
- LCH
- lch(10.36 16.5 48.9)
- CMYK
- cmyk(0% 51% 82% 82%)
Tints · Shades · Tones
Tints
- 40291D
- 533E32
- 675449
- 7B6A60
- 908179
- A59992
- BBB2AC
- D1CBC7
- E8E5E3
Shades
- 261206
- 1F0D04
- 180903
- 110602
- 0B0301
- 060201
- 020100
- 010000
- 000000
Tones
- 352013
- 3D2A1E
- 45342A
- 4E3E35
- 564841
- 5E534D
- 675E59
- 6F6966
- 777573
Farbharmonien
Komplementär +180°
- 2D1608
Darkout
- 01202E
≈ Midnight Dreams
Analog -30° +30°
- 2D1608
Darkout
- 2F1414
≈ Dark Danger
- 271A02
≈ Cannon Black
Triadisch +120° +240°
- 2D1608
Darkout
- 01231A
≈ Clock Chimes Thirteen
- 1D1930
≈ Dark Knight
Geteilt komplementär +150° +210°
- 2D1608
Darkout
- 002224
≈ Stellar Explorer
- 101D31
≈ Trapped Darkness
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.07:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.22:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.07:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--darkout: #2d1608;
--darkout-rgb: 45 22 8;
--darkout-oklch: oklch(0.229 0.044 50.6);
}
.element {
color: var(--darkout);
background-color: hsl(23 70% 10%);
border-color: oklch(0.229 0.044 50.6);
}Tailwind CSS v4
@theme {
--color-darkout: #2d1608;
--color-darkout-50: #fff2ea;
--color-darkout-100: #f5e4db;
--color-darkout-200: #e4d0c3;
--color-darkout-300: #cbb2a3;
--color-darkout-400: #b59787;
--color-darkout-500: #9f7e6c;
--color-darkout-600: #866b5c;
--color-darkout-700: #6c5549;
--color-darkout-800: #4f3e35;
--color-darkout-900: #372b24;
--color-darkout-950: #221813;
}SCSS
$darkout: #2d1608;
$darkout-rgb: 45, 22, 8;
$darkout-light: mix(#fff, $darkout, 20%);
$darkout-dark: mix(#000, $darkout, 20%);
.element {
color: $darkout;
box-shadow: 0 0 0 2px rgba($darkout, 0.35);
}