Benannte Farbe · #C38B36
Victorian Crown
Victorian Crown ist #C38B36: rgb(195 139 54), hsl(36 57% 49%), oklch(0.677 0.12 74.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Victorian Crown color name →
#C38B36
oklch(0.677 0.12 74.1)
Farbumrechnungen
- HEX
- #c38b36
- RGB
- rgb(195 139 54)
- HSL
- hsl(36 57% 49%)
- HWB
- hwb(36 21% 24%)
- OKLCH
- oklch(0.677 0.12 74.1)
- OKLab
- oklab(0.677 0.033 0.116)
- CIE Lab
- lab(62.4 16.22 52.16)
- LCH
- lch(62.4 54.62 72.7)
- CMYK
- cmyk(0% 29% 72% 24%)
Tints · Shades · Tones
Tints
- C9974E
- D0A264
- D6AE78
- DCB98C
- E2C59F
- E8D0B2
- EEDCC5
- F4E8D8
- F9F3EC
Shades
- A9782E
- 906625
- 78541E
- 604316
- 4A320F
- 342308
- 201403
- 0E0701
- 020100
Tones
- BC8A42
- B6894B
- AF8954
- A9885C
- A28763
- 9B8569
- 94846F
- 8E8375
- 87827B
Farbharmonien
Komplementär +180°
- C38B36
Victorian Crown
- 619AE0
≈ Little Boy Blue
Analog -30° +30°
- C38B36
Victorian Crown
- D47D57
≈ Copper Harbor
- A49B36
≈ Pestulance
Triadisch +120° +240°
- C38B36
Victorian Crown
- 00ADAC
≈ Teal Me No Lies
- B280CB
≈ Wisteria
Geteilt komplementär +150° +210°
- C38B36
Victorian Crown
- 21A6CE
≈ Sardinia Beaches
- 8F8CDF
≈ Perrywinkle
Tetradisch +90° +180° +270°
- C38B36
Victorian Crown
- 3EAE83
≈ Divot
- 619AE0
≈ Little Boy Blue
- CB78A9
≈ Heartbreaker
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.97:1 · APCA Lc 56
Ag
AAAAuf Schwarz
WCAG 7.06:1 · APCA Lc 46
Beste Textfarbe: #000000
WCAG 7.06:1 (AAA) · APCA Lc 46
Contrast pairs
Code-Snippets
CSS
:root {
--victorian-crown: #c38b36;
--victorian-crown-rgb: 195 139 54;
--victorian-crown-oklch: oklch(0.677 0.12 74.1);
}
.element {
color: var(--victorian-crown);
background-color: hsl(36 57% 49%);
border-color: oklch(0.677 0.12 74.1);
}Tailwind CSS v4
@theme {
--color-victorian-crown: #c38b36;
--color-victorian-crown-50: #fff1d0;
--color-victorian-crown-100: #ffe3bc;
--color-victorian-crown-200: #f2ce9a;
--color-victorian-crown-300: #dbaf6f;
--color-victorian-crown-400: #c89345;
--color-victorian-crown-500: #b57800;
--color-victorian-crown-600: #996607;
--color-victorian-crown-700: #7a5108;
--color-victorian-crown-800: #5c3a05;
--color-victorian-crown-900: #402804;
--color-victorian-crown-950: #291600;
}SCSS
$victorian-crown: #c38b36;
$victorian-crown-rgb: 195, 139, 54;
$victorian-crown-light: mix(#fff, $victorian-crown, 20%);
$victorian-crown-dark: mix(#000, $victorian-crown, 20%);
.element {
color: $victorian-crown;
box-shadow: 0 0 0 2px rgba($victorian-crown, 0.35);
}