Benannte Farbe · #CF7336
Mann Orange
Mann Orange ist #CF7336: rgb(207 115 54), hsl(24 61% 51%), oklch(0.648 0.137 51.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Mann Orange color name →
#CF7336
oklch(0.648 0.137 51.3)
Farbumrechnungen
- HEX
- #cf7336
- RGB
- rgb(207 115 54)
- HSL
- hsl(24 61% 51%)
- HWB
- hwb(24 21% 19%)
- OKLCH
- oklch(0.648 0.137 51.3)
- OKLab
- oklab(0.648 0.086 0.107)
- CIE Lab
- lab(58.41 33.66 48.87)
- LCH
- lch(58.41 59.34 55.4)
- CMYK
- cmyk(0% 44% 74% 19%)
Tints · Shades · Tones
Tints
- D5814D
- DB9062
- E09E76
- E6AC8A
- EBB99D
- EFC7B1
- F4D5C4
- F8E3D8
- FBF1EB
Shades
- B4632E
- 995425
- 7F451E
- 673616
- 4F280F
- 381B08
- 230F03
- 100501
- 020100
Tones
- C87541
- C0774A
- B97952
- B17A5A
- A97C61
- A17D68
- 997E6E
- 917F74
- 897F7A
Farbharmonien
Komplementär +180°
- CF7336
Mann Orange
- 009BD0
≈ Structural Blue
Analog -30° +30°
- CF7336
Mann Orange
- D56969
≈ Red Geranium
- B88400
≈ Letter Jacket
Triadisch +120° +240°
- CF7336
Mann Orange
- 00A785
≈ Congo Green
- 907DDB
≈ Indigo Bloom
Geteilt komplementär +150° +210°
- CF7336
Mann Orange
- 00A2AA
≈ Aare River Brienz
- 5E8DE2
≈ United Nations Blue
Tetradisch +90° +180° +270°
- CF7336
Mann Orange
- 5BA351
≈ Muted Green
- 009BD0
≈ Structural Blue
- B470C1
≈ Lavendless
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.40:1 · APCA Lc 61
Ag
AAAuf Schwarz
WCAG 6.15:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.15:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--mann-orange: #cf7336;
--mann-orange-rgb: 207 115 54;
--mann-orange-oklch: oklch(0.648 0.137 51.3);
}
.element {
color: var(--mann-orange);
background-color: hsl(24 61% 51%);
border-color: oklch(0.648 0.137 51.3);
}Tailwind CSS v4
@theme {
--color-mann-orange: #cf7336;
--color-mann-orange-50: #ffebd1;
--color-mann-orange-100: #ffdcbe;
--color-mann-orange-200: #ffc59d;
--color-mann-orange-300: #efa473;
--color-mann-orange-400: #de854d;
--color-mann-orange-500: #cb661a;
--color-mann-orange-600: #ab571a;
--color-mann-orange-700: #8a4615;
--color-mann-orange-800: #67310f;
--color-mann-orange-900: #482209;
--color-mann-orange-950: #2f1000;
}SCSS
$mann-orange: #cf7336;
$mann-orange-rgb: 207, 115, 54;
$mann-orange-light: mix(#fff, $mann-orange, 20%);
$mann-orange-dark: mix(#000, $mann-orange, 20%);
.element {
color: $mann-orange;
box-shadow: 0 0 0 2px rgba($mann-orange, 0.35);
}