Benannte Farbe · #440011
Rhinoceros Beetle
Rhinoceros Beetle ist #440011: rgb(68 0 17), hsl(345 100% 13%), oklch(0.246 0.098 14.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Rhinoceros Beetle color name →
#440011
oklch(0.246 0.098 14.7)
Farbumrechnungen
- HEX
- #440011
- RGB
- rgb(68 0 17)
- HSL
- hsl(345 100% 13%)
- HWB
- hwb(345 0% 73%)
- OKLCH
- oklch(0.246 0.098 14.7)
- OKLab
- oklab(0.246 0.095 0.025)
- CIE Lab
- lab(11.42 31.78 10.61)
- LCH
- lch(11.42 33.5 18.5)
- CMYK
- cmyk(0% 100% 75% 73%)
Tints · Shades · Tones
Tints
- 571C24
- 6A3339
- 7D4B4F
- 906366
- A37B7E
- B59496
- C8AEAF
- DAC9C9
- EDE4E4
Shades
- 3A000D
- 300009
- 260006
- 1D0004
- 140002
- 0C0001
- 050000
- 020000
- 000000
Tones
- 4B101B
- 531E25
- 592B30
- 60373A
- 664345
- 6C4F51
- 715B5C
- 776768
- 7B7374
Farbharmonien
Komplementär +180°
- 440011
Rhinoceros Beetle
- 002727
≈ Teal Spill
Analog -30° +30°
- 440011
Rhinoceros Beetle
- 3E032B
≈ Dark Sanctuary
- 3B1200
≈ Red Bean
Triadisch +120° +240°
- 440011
Rhinoceros Beetle
- 102700
≈ Zia Olive
- 002045
≈ Oxford Blue
Geteilt komplementär +150° +210°
- 440011
Rhinoceros Beetle
- 00281A
≈ Deep Slate Green
- 002531
≈ Daintree
Tetradisch +90° +180° +270°
- 440011
Rhinoceros Beetle
- 252200
≈ Liquorice Root
- 002727
≈ Teal Spill
- 1E144C
≈ Tetsu-Kon Blue
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 16.74:1 · APCA Lc 103
Ag
FailAuf Schwarz
WCAG 1.25:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 16.74:1 (AAA) · APCA Lc 103
Contrast pairs
Code-Snippets
CSS
:root {
--rhinoceros-beetle: #440011;
--rhinoceros-beetle-rgb: 68 0 17;
--rhinoceros-beetle-oklch: oklch(0.246 0.098 14.7);
}
.element {
color: var(--rhinoceros-beetle);
background-color: hsl(345 100% 13%);
border-color: oklch(0.246 0.098 14.7);
}Tailwind CSS v4
@theme {
--color-rhinoceros-beetle: #440011;
--color-rhinoceros-beetle-50: #ffebeb;
--color-rhinoceros-beetle-100: #ffdbdc;
--color-rhinoceros-beetle-200: #fcc4c5;
--color-rhinoceros-beetle-300: #e5a3a6;
--color-rhinoceros-beetle-400: #d2868c;
--color-rhinoceros-beetle-500: #be6971;
--color-rhinoceros-beetle-600: #a15a60;
--color-rhinoceros-beetle-700: #81474d;
--color-rhinoceros-beetle-800: #603339;
--color-rhinoceros-beetle-900: #432327;
--color-rhinoceros-beetle-950: #2b1215;
}SCSS
$rhinoceros-beetle: #440011;
$rhinoceros-beetle-rgb: 68, 0, 17;
$rhinoceros-beetle-light: mix(#fff, $rhinoceros-beetle, 20%);
$rhinoceros-beetle-dark: mix(#000, $rhinoceros-beetle, 20%);
.element {
color: $rhinoceros-beetle;
box-shadow: 0 0 0 2px rgba($rhinoceros-beetle, 0.35);
}