Benannte Farbe · #C29867
Chalet
Chalet ist #C29867: rgb(194 152 103), hsl(32 43% 58%), oklch(0.708 0.082 70.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Chalet color name →
#C29867
oklch(0.708 0.082 70.2)
Farbumrechnungen
- HEX
- #c29867
- RGB
- rgb(194 152 103)
- HSL
- hsl(32 43% 58%)
- HWB
- hwb(32 40% 24%)
- OKLCH
- oklch(0.708 0.082 70.2)
- OKLab
- oklab(0.708 0.028 0.077)
- CIE Lab
- lab(66.01 11.66 32.05)
- LCH
- lch(66.01 34.1 70)
- CMYK
- cmyk(0% 22% 47% 24%)
Tints · Shades · Tones
Tints
- C8A276
- CEAC85
- D5B694
- DBC1A3
- E1CBB3
- E7D5C2
- EDE0D1
- F3EAE0
- F9F4F0
Shades
- A88459
- 8F704B
- 775C3D
- 604A30
- 493823
- 342717
- 20170C
- 0E0804
- 020100
Tones
- BB966A
- B5936D
- AE9170
- A88F73
- A18C75
- 9A8A78
- 94887A
- 8D857C
- 87837E
Farbharmonien
Komplementär +180°
- C29867
Chalet
- 79A5D3
≈ Boudoir Blue
Analog -30° +30°
- C29867
Chalet
- CE8F7A
≈ Ginger Scent
- ACA265
≈ Wavy Glass
Triadisch +120° +240°
- C29867
Chalet
- 5DB1AC
≈ Artesian Well
- B193C7
≈ Cut Velvet
Geteilt komplementär +150° +210°
- C29867
Chalet
- 61ADC4
≈ Blue Mist
- 969BD4
≈ Bluebell Frost
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.63:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.98:1 · APCA Lc 51
Beste Textfarbe: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Code-Snippets
CSS
:root {
--chalet: #c29867;
--chalet-rgb: 194 152 103;
--chalet-oklch: oklch(0.708 0.082 70.2);
}
.element {
color: var(--chalet);
background-color: hsl(32 43% 58%);
border-color: oklch(0.708 0.082 70.2);
}Tailwind CSS v4
@theme {
--color-chalet: #c29867;
--color-chalet-50: #fff2dc;
--color-chalet-100: #fae4cb;
--color-chalet-200: #ebcfae;
--color-chalet-300: #d2b189;
--color-chalet-400: #be9668;
--color-chalet-500: #a97c46;
--color-chalet-600: #8f693c;
--color-chalet-700: #735430;
--color-chalet-800: #553d22;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251707;
}SCSS
$chalet: #c29867;
$chalet-rgb: 194, 152, 103;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}