Benannte Farbe · #C7662A
Chivalrous Fox
Chivalrous Fox ist #C7662A: rgb(199 102 42), hsl(23 65% 47%), oklch(0.615 0.143 48.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Chivalrous Fox color name →
#C7662A
oklch(0.615 0.143 48.8)
Farbumrechnungen
- HEX
- #c7662a
- RGB
- rgb(199 102 42)
- HSL
- hsl(23 65% 47%)
- HWB
- hwb(23 16% 22%)
- OKLCH
- oklch(0.615 0.143 48.8)
- OKLab
- oklab(0.615 0.094 0.107)
- CIE Lab
- lab(54.42 36.59 50.11)
- LCH
- lch(54.42 62.05 53.9)
- CMYK
- cmyk(0% 49% 79% 22%)
Tints · Shades · Tones
Tints
- CE7644
- D5855A
- DB956F
- E1A484
- E7B398
- EDC2AC
- F2D1C1
- F6E0D5
- FBF0EA
Shades
- AD5823
- 934A1C
- 7A3C16
- 622F10
- 4C230A
- 361705
- 210C02
- 0E0401
- 020000
Tones
- C16A37
- BA6D42
- B4704B
- AD7354
- A6765C
- 9F7864
- 987A6B
- 907C72
- 887E79
Farbharmonien
Komplementär +180°
- C7662A
Chivalrous Fox
- 0091BE
≈ Swimmer
Analog -30° +30°
- C7662A
Chivalrous Fox
- CC5C62
≈ Common Chestnut
- AD7A00
≈ Brown Butter
Triadisch +120° +240°
- C7662A
Chivalrous Fox
- 009C77
≈ Golf Green
- 8374D4
≈ Kickstart Purple
Geteilt komplementär +150° +210°
- C7662A
Chivalrous Fox
- 00979C
≈ Ocean Reef
- 4C84D9
≈ Blue Jay
Tetradisch +90° +180° +270°
- C7662A
Chivalrous Fox
- 54983E
≈ Enviable
- 0091BE
≈ Swimmer
- A866BB
≈ Prickly Purple
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.91:1 · APCA Lc 66
Ag
AAAuf Schwarz
WCAG 5.36:1 · APCA Lc 36
Beste Textfarbe: #000000
WCAG 5.36:1 (AA) · APCA Lc 36
Contrast pairs
Code-Snippets
CSS
:root {
--chivalrous-fox: #c7662a;
--chivalrous-fox-rgb: 199 102 42;
--chivalrous-fox-oklch: oklch(0.615 0.143 48.8);
}
.element {
color: var(--chivalrous-fox);
background-color: hsl(23 65% 47%);
border-color: oklch(0.615 0.143 48.8);
}Tailwind CSS v4
@theme {
--color-chivalrous-fox: #c7662a;
--color-chivalrous-fox-50: #ffead1;
--color-chivalrous-fox-100: #ffdbbd;
--color-chivalrous-fox-200: #ffc39d;
--color-chivalrous-fox-300: #f2a273;
--color-chivalrous-fox-400: #e1824d;
--color-chivalrous-fox-500: #cf6319;
--color-chivalrous-fox-600: #ae5519;
--color-chivalrous-fox-700: #8c4314;
--color-chivalrous-fox-800: #69300f;
--color-chivalrous-fox-900: #4a2009;
--color-chivalrous-fox-950: #300f00;
}SCSS
$chivalrous-fox: #c7662a;
$chivalrous-fox-rgb: 199, 102, 42;
$chivalrous-fox-light: mix(#fff, $chivalrous-fox, 20%);
$chivalrous-fox-dark: mix(#000, $chivalrous-fox, 20%);
.element {
color: $chivalrous-fox;
box-shadow: 0 0 0 2px rgba($chivalrous-fox, 0.35);
}