Benannte Farbe · #C74300
Vinaceous Tawny
Vinaceous Tawny ist #C74300: rgb(199 67 0), hsl(20 100% 39%), oklch(0.564 0.178 39.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Vinaceous Tawny color name →
#C74300
oklch(0.564 0.178 39.6)
Farbumrechnungen
- HEX
- #c74300
- RGB
- rgb(199 67 0)
- HSL
- hsl(20 100% 39%)
- HWB
- hwb(20 0% 22%)
- OKLCH
- oklch(0.564 0.178 39.6)
- OKLab
- oklab(0.564 0.137 0.114)
- CIE Lab
- lab(47.92 51.86 59.56)
- LCH
- lch(47.92 78.97 49)
- CMYK
- cmyk(0% 66% 100% 22%)
Tints · Shades · Tones
Tints
- CF592D
- D76D48
- DE8060
- E49377
- EAA58D
- EFB7A4
- F4C9BA
- F8DBD1
- FCEDE8
Shades
- AD3900
- 932F00
- 7A2600
- 621D00
- 4C1400
- 360C00
- 210500
- 0E0100
- 020000
Tones
- C14C1F
- BB542F
- B55C3C
- AF6248
- A86852
- A16D5C
- 997365
- 92776E
- 897C77
Farbharmonien
Komplementär +180°
- C74300
Vinaceous Tawny
- 00839F
≈ Decore Splash
Analog -30° +30°
- C74300
Vinaceous Tawny
- C7395E
≈ Cherry Lolly
- A36600
≈ Cumin Ochre
Triadisch +120° +240°
- C74300
Vinaceous Tawny
- 008C5A
≈ Center Field
- 6463DA
≈ Exodus Fruit
Geteilt komplementär +150° +210°
- C74300
Vinaceous Tawny
- 008782
≈ Green Lapis
- 0078CD
≈ Science Blue
Tetradisch +90° +180° +270°
- C74300
Vinaceous Tawny
- 588600
≈ Pesto Alla Genovese
- 00839F
≈ Decore Splash
- 9550C2
≈ Liberal Lilac
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.96:1 · APCA Lc 73
Ag
FailAuf Schwarz
WCAG 4.23:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.96:1 (AA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--vinaceous-tawny: #c74300;
--vinaceous-tawny-rgb: 199 67 0;
--vinaceous-tawny-oklch: oklch(0.564 0.178 39.6);
}
.element {
color: var(--vinaceous-tawny);
background-color: hsl(20 100% 39%);
border-color: oklch(0.564 0.178 39.6);
}Tailwind CSS v4
@theme {
--color-vinaceous-tawny: #c74300;
--color-vinaceous-tawny-50: #ffe5ce;
--color-vinaceous-tawny-100: #ffd5ba;
--color-vinaceous-tawny-200: #ffbb98;
--color-vinaceous-tawny-300: #ff966c;
--color-vinaceous-tawny-400: #f37345;
--color-vinaceous-tawny-500: #e24d00;
--color-vinaceous-tawny-600: #bf430a;
--color-vinaceous-tawny-700: #993509;
--color-vinaceous-tawny-800: #73250a;
--color-vinaceous-tawny-900: #511906;
--color-vinaceous-tawny-950: #360800;
}SCSS
$vinaceous-tawny: #c74300;
$vinaceous-tawny-rgb: 199, 67, 0;
$vinaceous-tawny-light: mix(#fff, $vinaceous-tawny, 20%);
$vinaceous-tawny-dark: mix(#000, $vinaceous-tawny, 20%);
.element {
color: $vinaceous-tawny;
box-shadow: 0 0 0 2px rgba($vinaceous-tawny, 0.35);
}