Benannte Farbe · #2F1212
Dark Danger
Dark Danger ist #2F1212: rgb(47 18 18), hsl(0 45% 13%), oklch(0.227 0.048 21.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Brown mean? → · Dark Danger color name →
#2F1212
oklch(0.227 0.048 21.6)
Farbumrechnungen
- HEX
- #2f1212
- RGB
- rgb(47 18 18)
- HSL
- hsl(0 45% 13%)
- HWB
- hwb(0 7% 82%)
- OKLCH
- oklch(0.227 0.048 21.6)
- OKLab
- oklab(0.227 0.044 0.018)
- CIE Lab
- lab(9.82 15.14 6.92)
- LCH
- lch(9.82 16.65 24.6)
- CMYK
- cmyk(0% 62% 62% 82%)
Tints · Shades · Tones
Tints
- 422625
- 553B3A
- 69514F
- 7E6766
- 927F7E
- A79796
- BDB0AF
- D2CAC9
- E9E4E4
Shades
- 270E0E
- 200A0A
- 190707
- 120404
- 0C0202
- 060101
- 030101
- 010000
- 000000
Tones
- 371C1C
- 3F2626
- 483130
- 503B3B
- 584645
- 605151
- 685D5C
- 706868
- 787474
Farbharmonien
Komplementär +180°
- 2F1212
Dark Danger
- 002124
≈ Stellar Explorer
Analog -30° +30°
- 2F1212
Dark Danger
- 2D121F
≈ Black Cherry
- 2D1505
≈ Shadow Play
Triadisch +120° +240°
- 2F1212
Dark Danger
- 0E220C
≈ Nightmare
- 0F1C32
≈ Trapped Darkness
Geteilt komplementär +150° +210°
- 2F1212
Dark Danger
- 00231A
≈ Clock Chimes Thirteen
- 00202E
≈ Midnight Dreams
Tetradisch +90° +180° +270°
- 2F1212
Dark Danger
- 1D1E01
≈ Liquorice Root
- 002124
≈ Stellar Explorer
- 1D1830
≈ Dark Knight
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.26:1 · APCA Lc 104
Ag
FailAuf Schwarz
WCAG 1.21:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.26:1 (AAA) · APCA Lc 104
Contrast pairs
Code-Snippets
CSS
:root {
--dark-danger: #2f1212;
--dark-danger-rgb: 47 18 18;
--dark-danger-oklch: oklch(0.227 0.048 21.6);
}
.element {
color: var(--dark-danger);
background-color: hsl(0 45% 13%);
border-color: oklch(0.227 0.048 21.6);
}Tailwind CSS v4
@theme {
--color-dark-danger: #2f1212;
--color-dark-danger-50: #fff0ef;
--color-dark-danger-100: #f8e2e0;
--color-dark-danger-200: #e8cdcb;
--color-dark-danger-300: #cfaeac;
--color-dark-danger-400: #b99492;
--color-dark-danger-500: #a47a78;
--color-dark-danger-600: #8a6766;
--color-dark-danger-700: #6f5351;
--color-dark-danger-800: #523c3c;
--color-dark-danger-900: #392929;
--color-dark-danger-950: #231717;
}SCSS
$dark-danger: #2f1212;
$dark-danger-rgb: 47, 18, 18;
$dark-danger-light: mix(#fff, $dark-danger, 20%);
$dark-danger-dark: mix(#000, $dark-danger, 20%);
.element {
color: $dark-danger;
box-shadow: 0 0 0 2px rgba($dark-danger, 0.35);
}