Benannte Farbe · #C2612C
Cinnamon Rufous
Cinnamon Rufous ist #C2612C: rgb(194 97 44), hsl(21 63% 47%), oklch(0.6 0.14 46.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Cinnamon Rufous color name →
#C2612C
oklch(0.6 0.14 46.5)
Farbumrechnungen
- HEX
- #c2612c
- RGB
- rgb(194 97 44)
- HSL
- hsl(21 63% 47%)
- HWB
- hwb(21 17% 24%)
- OKLCH
- oklch(0.6 0.14 46.5)
- OKLab
- oklab(0.6 0.097 0.102)
- CIE Lab
- lab(52.65 37.12 47.24)
- LCH
- lch(52.65 60.08 51.8)
- CMYK
- cmyk(0% 50% 77% 24%)
Tints · Shades · Tones
Tints
- CA7144
- D1815A
- D8916F
- DEA183
- E5B098
- EBC0AC
- F0D0C1
- F5DFD5
- FAEFEA
Shades
- A85325
- 8F461E
- 773917
- 602D11
- 49210A
- 341505
- 200B02
- 0E0301
- 020000
Tones
- BC6538
- B66942
- B06D4C
- AA7054
- A4735C
- 9D7664
- 96796B
- 8F7B72
- 887E79
Farbharmonien
Komplementär +180°
- C2612C
Cinnamon Rufous
- 008DB5
≈ Spinnaker Blue
Analog -30° +30°
- C2612C
Cinnamon Rufous
- C65862
≈ Pimm’s
- AA7400
≈ Cookie Dough
Triadisch +120° +240°
- C2612C
Cinnamon Rufous
- 009770
≈ Rainforest
- 7B71CF
≈ Kickstart Purple
Geteilt komplementär +150° +210°
- C2612C
Cinnamon Rufous
- 009395
≈ Lido Deck
- 4380D2
≈ Serenity’s Reign
Tetradisch +90° +180° +270°
- C2612C
Cinnamon Rufous
- 569337
≈ Pont Moss
- 008DB5
≈ Spinnaker Blue
- A163B8
≈ Prickly Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.16:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.04:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.04:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--cinnamon-rufous: #c2612c;
--cinnamon-rufous-rgb: 194 97 44;
--cinnamon-rufous-oklch: oklch(0.6 0.14 46.5);
}
.element {
color: var(--cinnamon-rufous);
background-color: hsl(21 63% 47%);
border-color: oklch(0.6 0.14 46.5);
}Tailwind CSS v4
@theme {
--color-cinnamon-rufous: #c2612c;
--color-cinnamon-rufous-50: #ffead3;
--color-cinnamon-rufous-100: #ffdbbf;
--color-cinnamon-rufous-200: #ffc3a0;
--color-cinnamon-rufous-300: #f2a176;
--color-cinnamon-rufous-400: #e18252;
--color-cinnamon-rufous-500: #cf6324;
--color-cinnamon-rufous-600: #ae5421;
--color-cinnamon-rufous-700: #8c431b;
--color-cinnamon-rufous-800: #693013;
--color-cinnamon-rufous-900: #4a200c;
--color-cinnamon-rufous-950: #300f01;
}SCSS
$cinnamon-rufous: #c2612c;
$cinnamon-rufous-rgb: 194, 97, 44;
$cinnamon-rufous-light: mix(#fff, $cinnamon-rufous, 20%);
$cinnamon-rufous-dark: mix(#000, $cinnamon-rufous, 20%);
.element {
color: $cinnamon-rufous;
box-shadow: 0 0 0 2px rgba($cinnamon-rufous, 0.35);
}