Colore con nome · #92353A
Fire Chi
Fire Chi è #92353A: rgb(146 53 58), hsl(357 47% 39%), oklch(0.463 0.126 20.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Red mean? → · Fire Chi color name →
#92353A
oklch(0.463 0.126 20.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 9F4A4C
- AB5E5E
- B77171
- C28584
- CD9998
- D8ADAC
- E2C1C0
- ECD5D5
- F6EAEA
Ombre
- 7E2D31
- 6B2528
- 581D20
- 461518
- 350E10
- 250809
- 160304
- 080101
- 010000
Toni
- 923E41
- 914748
- 904F4F
- 8F5656
- 8D5E5D
- 8B6564
- 896C6B
- 877372
- 837979
Armonie di colore
Complementare +180°
- 92353A
Fire Chi
- 00666A
≈ Joyful Tears
Analogo -30° +30°
- 92353A
Fire Chi
- 8A3662
≈ Boysenberry
- 8C4000
≈ Sis Kebab
Triadico +120° +240°
- 92353A
Fire Chi
- 2B691D
≈ Brazilian Green
- 2C569E
≈ Cyan Cobalt Blue
Complementare divisa +150° +210°
- 92353A
Fire Chi
- 006951
≈ Peacock Green
- 006182
≈ Adriatic Sea
Tetradico +90° +180° +270°
- 92353A
Fire Chi
- 5C5D00
≈ Greensboro
- 00666A
≈ Joyful Tears
- 5A4999
≈ Liberty
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.52:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.79:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.52:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
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);
}