Benannte Farbe · #92353A
Fire Chi
Fire Chi ist #92353A: rgb(146 53 58), hsl(357 47% 39%), oklch(0.463 0.126 20.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Fire Chi color name →
#92353A
oklch(0.463 0.126 20.3)
Farbumrechnungen
- HEX
- #92353a
- RGB
- rgb(146 53 58)
- HSL
- hsl(357 47% 39%)
- HWB
- hwb(357 21% 43%)
- OKLCH
- oklch(0.463 0.126 20.3)
- OKLab
- oklab(0.463 0.118 0.044)
- CIE Lab
- lab(36.37 40.2 18.82)
- LCH
- lch(36.37 44.38 25.1)
- CMYK
- cmyk(0% 64% 60% 43%)
Tints · Shades · Tones
Tints
- 9F4A4C
- AB5E5E
- B77171
- C28584
- CD9998
- D8ADAC
- E2C1C0
- ECD5D5
- F6EAEA
Shades
- 7E2D31
- 6B2528
- 581D20
- 461518
- 350E10
- 250809
- 160304
- 080101
- 010000
Tones
- 923E41
- 914748
- 904F4F
- 8F5656
- 8D5E5D
- 8B6564
- 896C6B
- 877372
- 837979
Farbharmonien
Komplementär +180°
- 92353A
Fire Chi
- 00666A
≈ Joyful Tears
Analog -30° +30°
- 92353A
Fire Chi
- 8A3662
≈ Boysenberry
- 8C4000
≈ Sis Kebab
Triadisch +120° +240°
- 92353A
Fire Chi
- 2B691D
≈ Brazilian Green
- 2C569E
≈ Cyan Cobalt Blue
Geteilt komplementär +150° +210°
- 92353A
Fire Chi
- 006951
≈ Peacock Green
- 006182
≈ Adriatic Sea
Tetradisch +90° +180° +270°
- 92353A
Fire Chi
- 5C5D00
≈ Greensboro
- 00666A
≈ Joyful Tears
- 5A4999
≈ Liberty
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.52:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.79:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--fire-chi: #92353a;
--fire-chi-rgb: 146 53 58;
--fire-chi-oklch: oklch(0.463 0.126 20.3);
}
.element {
color: var(--fire-chi);
background-color: hsl(357 47% 39%);
border-color: oklch(0.463 0.126 20.3);
}Tailwind CSS v4
@theme {
--color-fire-chi: #92353a;
--color-fire-chi-50: #ffe8e5;
--color-fire-chi-100: #ffd8d5;
--color-fire-chi-200: #ffc0bc;
--color-fire-chi-300: #f19e9a;
--color-fire-chi-400: #df7f7f;
--color-fire-chi-500: #cc5f62;
--color-fire-chi-600: #ac5154;
--color-fire-chi-700: #8a4142;
--color-fire-chi-800: #672e31;
--color-fire-chi-900: #481f21;
--color-fire-chi-950: #2f0e11;
}SCSS
$fire-chi: #92353a;
$fire-chi-rgb: 146, 53, 58;
$fire-chi-light: mix(#fff, $fire-chi, 20%);
$fire-chi-dark: mix(#000, $fire-chi, 20%);
.element {
color: $fire-chi;
box-shadow: 0 0 0 2px rgba($fire-chi, 0.35);
}