Benannte Farbe · #BF3747
Fire-Breathing Dragon
Fire-Breathing Dragon ist #BF3747: rgb(191 55 71), hsl(353 55% 48%), oklch(0.544 0.172 18.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fire-Breathing Dragon color name →
#BF3747
oklch(0.544 0.172 18.6)
Farbumrechnungen
- HEX
- #bf3747
- RGB
- rgb(191 55 71)
- HSL
- hsl(353 55% 48%)
- HWB
- hwb(353 22% 25%)
- OKLCH
- oklch(0.544 0.172 18.6)
- OKLab
- oklab(0.544 0.163 0.055)
- CIE Lab
- lab(45.24 55.25 24.02)
- LCH
- lch(45.24 60.25 23.5)
- CMYK
- cmyk(0% 71% 63% 25%)
Tints · Shades · Tones
Tints
- C84F58
- D1646A
- D8787B
- E08C8D
- E79FA0
- EDB2B2
- F2C5C5
- F7D8D8
- FBECEB
Shades
- A62E3D
- 8D2632
- 751E28
- 5E161F
- 480F16
- 33080D
- 1F0306
- 0D0102
- 020000
Tones
- BA424D
- B54C53
- B05459
- AA5C5E
- A56364
- 9E696A
- 986F6F
- 907575
- 897B7A
Farbharmonien
Komplementär +180°
- BF3747
Fire-Breathing Dragon
- 008084
≈ Teal
Analog -30° +30°
- BF3747
Fire-Breathing Dragon
- B33A80
≈ Fuchsia Red
- B14F00
≈ Skrag Brown
Triadisch +120° +240°
- BF3747
Fire-Breathing Dragon
- 318500
≈ Green Bell Pepper
- 266CD1
≈ Celtic Blue
Geteilt komplementär +150° +210°
- BF3747
Fire-Breathing Dragon
- 008464
≈ Shadows of Time
- 007BA1
≈ Bleu Ciel
Tetradisch +90° +180° +270°
- BF3747
Fire-Breathing Dragon
- 767400
≈ Mongolian Plateau
- 008084
≈ Teal
- 6F58CC
≈ Astro Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.45:1 · APCA Lc 76
Ag
FailAuf Schwarz
WCAG 3.85:1 · APCA Lc 26
Beste Textfarbe: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--fire-breathing-dragon: #bf3747;
--fire-breathing-dragon-rgb: 191 55 71;
--fire-breathing-dragon-oklch: oklch(0.544 0.172 18.6);
}
.element {
color: var(--fire-breathing-dragon);
background-color: hsl(353 55% 48%);
border-color: oklch(0.544 0.172 18.6);
}Tailwind CSS v4
@theme {
--color-fire-breathing-dragon: #bf3747;
--color-fire-breathing-dragon-50: #ffe2e0;
--color-fire-breathing-dragon-100: #ffd2d0;
--color-fire-breathing-dragon-200: #ffb7b5;
--color-fire-breathing-dragon-300: #ff9192;
--color-fire-breathing-dragon-400: #f36e76;
--color-fire-breathing-dragon-500: #e14758;
--color-fire-breathing-dragon-600: #be3e4b;
--color-fire-breathing-dragon-700: #99313c;
--color-fire-breathing-dragon-800: #72222d;
--color-fire-breathing-dragon-900: #50171e;
--color-fire-breathing-dragon-950: #35070e;
}SCSS
$fire-breathing-dragon: #bf3747;
$fire-breathing-dragon-rgb: 191, 55, 71;
$fire-breathing-dragon-light: mix(#fff, $fire-breathing-dragon, 20%);
$fire-breathing-dragon-dark: mix(#000, $fire-breathing-dragon, 20%);
.element {
color: $fire-breathing-dragon;
box-shadow: 0 0 0 2px rgba($fire-breathing-dragon, 0.35);
}