Benannte Farbe · #C03F20
Shēn Chéng Orange
Shēn Chéng Orange ist #C03F20: rgb(192 63 32), hsl(12 71% 44%), oklch(0.549 0.171 34.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Shēn Chéng Orange color name →
#C03F20
oklch(0.549 0.171 34.5)
Farbumrechnungen
- HEX
- #c03f20
- RGB
- rgb(192 63 32)
- HSL
- hsl(12 71% 44%)
- HWB
- hwb(12 13% 25%)
- OKLCH
- oklch(0.549 0.171 34.5)
- OKLab
- oklab(0.549 0.141 0.097)
- CIE Lab
- lab(46.15 51.39 46.97)
- LCH
- lch(46.15 69.62 42.4)
- CMYK
- cmyk(0% 67% 83% 25%)
Tints · Shades · Tones
Tints
- C9553A
- D16951
- D97D67
- E0907C
- E6A291
- EDB5A7
- F2C7BC
- F7DAD2
- FBECE9
Shades
- A7351A
- 8E2C15
- 76230F
- 5F1B0A
- 491206
- 340A03
- 200401
- 0E0100
- 020000
Tones
- BB492E
- B65139
- B05944
- AB5F4D
- A56656
- 9E6C5F
- 977167
- 907670
- 887B78
Farbharmonien
Komplementär +180°
- C03F20
Shēn Chéng Orange
- 007F94
≈ Pagoda
Analog -30° +30°
- C03F20
Shēn Chéng Orange
- BD3965
≈ Maroon Light
- A25F00
≈ Raw Umber
Triadisch +120° +240°
- C03F20
Shēn Chéng Orange
- 00884B
≈ Real Turquoise
- 5663D3
≈ Borage Blue
Geteilt komplementär +150° +210°
- C03F20
Shēn Chéng Orange
- 008378
≈ Green Garlands
- 0077BB
≈ Bumangués Blue
Tetradisch +90° +180° +270°
- C03F20
Shēn Chéng Orange
- 607E00
≈ Enchanted Forest
- 007F94
≈ Pagoda
- 8851C0
≈ Harley Hair Purple
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.28:1 · APCA Lc 75
Ag
FailAuf Schwarz
WCAG 3.97:1 · APCA Lc 27
Beste Textfarbe: #FFFFFF
WCAG 5.28:1 (AA) · APCA Lc 75
Contrast pairs
Code-Snippets
CSS
:root {
--shen-cheng-orange: #c03f20;
--shen-cheng-orange-rgb: 192 63 32;
--shen-cheng-orange-oklch: oklch(0.549 0.171 34.5);
}
.element {
color: var(--shen-cheng-orange);
background-color: hsl(12 71% 44%);
border-color: oklch(0.549 0.171 34.5);
}Tailwind CSS v4
@theme {
--color-shen-cheng-orange: #c03f20;
--color-shen-cheng-orange-50: #ffe5d3;
--color-shen-cheng-orange-100: #ffd5c0;
--color-shen-cheng-orange-200: #ffbaa1;
--color-shen-cheng-orange-300: #ff9678;
--color-shen-cheng-orange-400: #f17356;
--color-shen-cheng-orange-500: #e04e2c;
--color-shen-cheng-orange-600: #bd4427;
--color-shen-cheng-orange-700: #98361f;
--color-shen-cheng-orange-800: #722517;
--color-shen-cheng-orange-900: #50190f;
--color-shen-cheng-orange-950: #350803;
}SCSS
$shen-cheng-orange: #c03f20;
$shen-cheng-orange-rgb: 192, 63, 32;
$shen-cheng-orange-light: mix(#fff, $shen-cheng-orange, 20%);
$shen-cheng-orange-dark: mix(#000, $shen-cheng-orange, 20%);
.element {
color: $shen-cheng-orange;
box-shadow: 0 0 0 2px rgba($shen-cheng-orange, 0.35);
}