Benannte Farbe · #F94009
Chéng Hóng Sè Orange
Chéng Hóng Sè Orange ist #F94009: rgb(249 64 9), hsl(14 95% 51%), oklch(0.646 0.227 34.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Chéng Hóng Sè Orange color name →
#F94009
oklch(0.646 0.227 34.3)
Farbumrechnungen
- HEX
- #f94009
- RGB
- rgb(249 64 9)
- HSL
- hsl(14 95% 51%)
- HWB
- hwb(14 4% 2%)
- OKLCH
- oklch(0.646 0.227 34.3)
- OKLab
- oklab(0.646 0.187 0.128)
- CIE Lab
- lab(56.85 68.94 67.61)
- LCH
- lch(56.85 96.56 44.4)
- CMYK
- cmyk(0% 74% 96% 2%)
Tints · Shades · Tones
Tints
- FD5B35
- FF7150
- FF8568
- FF987E
- FFAA94
- FFBBA9
- FFCDBE
- FFDED4
- FFEEE9
Shades
- D93607
- B92D05
- 9A2403
- 7D1B02
- 611301
- 460B01
- 2C0500
- 150100
- 030000
Tones
- EE4D26
- E35737
- D85F43
- CD664E
- C16C58
- B57161
- A97669
- 9C7A71
- 8F7D79
Farbharmonien
Komplementär +180°
- F94009
Chéng Hóng Sè Orange
- 009FB8
≈ January Blue
Analog -30° +30°
- F94009
Chéng Hóng Sè Orange
- F4367D
≈ Extra Fuchsia
- CA7700
≈ Mountain Ash
Triadisch +120° +240°
- F94009
Chéng Hóng Sè Orange
- 00A95F
≈ Greedo Green
- 6E7EFF
≈ Byzantine Night Blue
Geteilt komplementär +150° +210°
- F94009
Chéng Hóng Sè Orange
- 00A496
≈ Tropical Sea
- 0095E7
≈ Pervenche
Tetradisch +90° +180° +270°
- F94009
Chéng Hóng Sè Orange
- 799D00
≈ Luminescent Green
- 009FB8
≈ January Blue
- AE5DFB
≈ Vega Violet
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.64:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 5.76:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.76:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--cheng-hong-se-orange: #f94009;
--cheng-hong-se-orange-rgb: 249 64 9;
--cheng-hong-se-orange-oklch: oklch(0.646 0.227 34.3);
}
.element {
color: var(--cheng-hong-se-orange);
background-color: hsl(14 95% 51%);
border-color: oklch(0.646 0.227 34.3);
}Tailwind CSS v4
@theme {
--color-cheng-hong-se-orange: #f94009;
--color-cheng-hong-se-orange-50: #ffdfc8;
--color-cheng-hong-se-orange-100: #ffcdb3;
--color-cheng-hong-se-orange-200: #ffaf8e;
--color-cheng-hong-se-orange-300: #ff875f;
--color-cheng-hong-se-orange-400: #ff5b33;
--color-cheng-hong-se-orange-500: #f81b00;
--color-cheng-hong-se-orange-600: #d21e00;
--color-cheng-hong-se-orange-700: #a91900;
--color-cheng-hong-se-orange-800: #7f0e00;
--color-cheng-hong-se-orange-900: #5a0900;
--color-cheng-hong-se-orange-950: #3c0000;
}SCSS
$cheng-hong-se-orange: #f94009;
$cheng-hong-se-orange-rgb: 249, 64, 9;
$cheng-hong-se-orange-light: mix(#fff, $cheng-hong-se-orange, 20%);
$cheng-hong-se-orange-dark: mix(#000, $cheng-hong-se-orange, 20%);
.element {
color: $cheng-hong-se-orange;
box-shadow: 0 0 0 2px rgba($cheng-hong-se-orange, 0.35);
}