Benannte Farbe · #C56138
Civara
Civara ist #C56138: rgb(197 97 56), hsl(17 56% 50%), oklch(0.605 0.139 41.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Civara color name →
#C56138
oklch(0.605 0.139 41.9)
Farbumrechnungen
- HEX
- #c56138
- RGB
- rgb(197 97 56)
- HSL
- hsl(17 56% 50%)
- HWB
- hwb(17 22% 23%)
- OKLCH
- oklch(0.605 0.139 41.9)
- OKLab
- oklab(0.605 0.104 0.093)
- CIE Lab
- lab(53.2 38.68 42.02)
- LCH
- lch(53.2 57.12 47.4)
- CMYK
- cmyk(0% 51% 72% 23%)
Tints · Shades · Tones
Tints
- CC714D
- D38161
- DA9175
- E0A188
- E6B09C
- ECC0AF
- F1D0C3
- F6DFD7
- FBEFEB
Shades
- AB532F
- 924627
- 79391F
- 612D17
- 4B210F
- 351508
- 210B04
- 0E0301
- 020000
Tones
- BF6541
- B9694A
- B26D52
- AC7059
- A57360
- 9E7667
- 97796D
- 907B74
- 887E7A
Farbharmonien
Komplementär +180°
- C56138
Civara
- 0090B1
≈ Cool Tide
Analog -30° +30°
- C56138
Civara
- C6596C
≈ Mon Cher Ami
- B17300
≈ Philippine Gold
Triadisch +120° +240°
- C56138
Civara
- 009A69
≈ Green Cyan
- 7675D2
≈ Kickstart Purple
Geteilt komplementär +150° +210°
- C56138
Civara
- 009592
≈ Intermezzo
- 3A85D2
≈ Blue Sonki
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.08:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.14:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.14:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--civara: #c56138;
--civara-rgb: 197 97 56;
--civara-oklch: oklch(0.605 0.139 41.9);
}
.element {
color: var(--civara);
background-color: hsl(17 56% 50%);
border-color: oklch(0.605 0.139 41.9);
}Tailwind CSS v4
@theme {
--color-civara: #c56138;
--color-civara-50: #ffe9d5;
--color-civara-100: #ffdac3;
--color-civara-200: #ffc2a4;
--color-civara-300: #f3a07c;
--color-civara-400: #e2805a;
--color-civara-500: #d06132;
--color-civara-600: #af532c;
--color-civara-700: #8d4223;
--color-civara-800: #692f19;
--color-civara-900: #4a2010;
--color-civara-950: #300f04;
}SCSS
$civara: #c56138;
$civara-rgb: 197, 97, 56;
$civara-light: mix(#fff, $civara, 20%);
$civara-dark: mix(#000, $civara, 20%);
.element {
color: $civara;
box-shadow: 0 0 0 2px rgba($civara, 0.35);
}