Benannte Farbe · #F35336
Benihi Red
Benihi Red ist #F35336: rgb(243 83 54), hsl(9 89% 58%), oklch(0.657 0.201 32.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Benihi Red color name →
#F35336
oklch(0.657 0.201 32.5)
Farbumrechnungen
- HEX
- #f35336
- RGB
- rgb(243 83 54)
- HSL
- hsl(9 89% 58%)
- HWB
- hwb(9 21% 5%)
- OKLCH
- oklch(0.657 0.201 32.5)
- OKLab
- oklab(0.657 0.169 0.108)
- CIE Lab
- lab(58.38 61.21 51.17)
- LCH
- lch(58.38 79.78 39.9)
- CMYK
- cmyk(0% 66% 78% 5%)
Tints · Shades · Tones
Tints
- F7684D
- FA7B62
- FD8D76
- FF9E8A
- FFAF9D
- FFBFB1
- FFCFC4
- FFDFD8
- FFEFEB
Shades
- D3472E
- B43B25
- 97301E
- 7A2516
- 5E1B0F
- 441108
- 2B0803
- 140201
- 030000
Tones
- E95B41
- DE624A
- D36852
- C96D5A
- BD7161
- B27568
- A6786E
- 9A7B74
- 8E7E7A
Farbharmonien
Komplementär +180°
- F35336
Benihi Red
- 00A3BA
≈ January Blue
Analog -30° +30°
- F35336
Benihi Red
- EE4D86
≈ Hindu Lotus
- D07900
≈ Autumn Leaf Orange
Triadisch +120° +240°
- F35336
Benihi Red
- 00AE5B
≈ Nordic Grass Green
- 6E84FF
≈ Deep Denim
Geteilt komplementär +150° +210°
- F35336
Benihi Red
- 00A897
≈ Persian Green
- 009AE8
≈ Pervenche
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.44:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.10:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.10:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--benihi-red: #f35336;
--benihi-red-rgb: 243 83 54;
--benihi-red-oklch: oklch(0.657 0.201 32.5);
}
.element {
color: var(--benihi-red);
background-color: hsl(9 89% 58%);
border-color: oklch(0.657 0.201 32.5);
}Tailwind CSS v4
@theme {
--color-benihi-red: #f35336;
--color-benihi-red-50: #ffe1cf;
--color-benihi-red-100: #ffd0bb;
--color-benihi-red-200: #ffb49a;
--color-benihi-red-300: #ff8d6f;
--color-benihi-red-400: #fe664a;
--color-benihi-red-500: #ed3815;
--color-benihi-red-600: #c93216;
--color-benihi-red-700: #a12812;
--color-benihi-red-800: #791b0f;
--color-benihi-red-900: #55120a;
--color-benihi-red-950: #390200;
}SCSS
$benihi-red: #f35336;
$benihi-red-rgb: 243, 83, 54;
$benihi-red-light: mix(#fff, $benihi-red, 20%);
$benihi-red-dark: mix(#000, $benihi-red, 20%);
.element {
color: $benihi-red;
box-shadow: 0 0 0 2px rgba($benihi-red, 0.35);
}