Benannte Farbe · #8F9805
Devil’s Flower Mantis
Devil’s Flower Mantis ist #8F9805: rgb(143 152 5), hsl(64 94% 31%), oklch(0.65 0.145 113.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Devil’s Flower Mantis color name →
#8F9805
oklch(0.65 0.145 113.9)
Farbumrechnungen
- HEX
- #8f9805
- RGB
- rgb(143 152 5)
- HSL
- hsl(64 94% 31%)
- HWB
- hwb(64 2% 40%)
- OKLCH
- oklch(0.65 0.145 113.9)
- OKLab
- oklab(0.65 -0.059 0.132)
- CIE Lab
- lab(60.45 -14.63 61.81)
- LCH
- lch(60.45 63.51 103.3)
- CMYK
- cmyk(6% 0% 97% 40%)
Tints · Shades · Tones
Tints
- 99A236
- A4AD52
- AFB76A
- BAC180
- C5CC95
- D0D6AB
- DBE0C0
- E7EAD5
- F3F5EA
Shades
- 7C8404
- 697003
- 575C02
- 454A01
- 343801
- 242700
- 151700
- 070800
- 010100
Tones
- 8D9627
- 8C9438
- 8A9145
- 888F4F
- 878D59
- 858A62
- 84886A
- 838572
- 818379
Farbharmonien
Komplementär +180°
- 8F9805
Devil’s Flower Mantis
- 957BDE
≈ Indigo Bloom
Analog -30° +30°
- 8F9805
Devil’s Flower Mantis
- B58700
≈ Letter Jacket
- 51A552
≈ Straightforward Green
Triadisch +120° +240°
- 8F9805
Devil’s Flower Mantis
- 009BD5
≈ Structural Blue
- D16695
≈ Preppy Rose
Geteilt komplementär +150° +210°
- 8F9805
Devil’s Flower Mantis
- 618CE7
≈ Soft Blue
- BA6EC1
≈ Lavendless
Tetradisch +90° +180° +270°
- 8F9805
Devil’s Flower Mantis
- 00A2AE
≈ Aare River Brienz
- 957BDE
≈ Indigo Bloom
- D96763
≈ Salami Slice
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.15:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.66:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.66:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--devil-s-flower-mantis: #8f9805;
--devil-s-flower-mantis-rgb: 143 152 5;
--devil-s-flower-mantis-oklch: oklch(0.65 0.145 113.9);
}
.element {
color: var(--devil-s-flower-mantis);
background-color: hsl(64 94% 31%);
border-color: oklch(0.65 0.145 113.9);
}Tailwind CSS v4
@theme {
--color-devil-s-flower-mantis: #8f9805;
--color-devil-s-flower-mantis-50: #f2fbcc;
--color-devil-s-flower-mantis-100: #e5efb7;
--color-devil-s-flower-mantis-200: #d1dc94;
--color-devil-s-flower-mantis-300: #b4c167;
--color-devil-s-flower-mantis-400: #9ea732;
--color-devil-s-flower-mantis-500: #868f00;
--color-devil-s-flower-mantis-600: #727900;
--color-devil-s-flower-mantis-700: #5b6100;
--color-devil-s-flower-mantis-800: #444600;
--color-devil-s-flower-mantis-900: #2f3100;
--color-devil-s-flower-mantis-950: #1c1d00;
}SCSS
$devil-s-flower-mantis: #8f9805;
$devil-s-flower-mantis-rgb: 143, 152, 5;
$devil-s-flower-mantis-light: mix(#fff, $devil-s-flower-mantis, 20%);
$devil-s-flower-mantis-dark: mix(#000, $devil-s-flower-mantis, 20%);
.element {
color: $devil-s-flower-mantis;
box-shadow: 0 0 0 2px rgba($devil-s-flower-mantis, 0.35);
}