Colore con nome · #C29867
Chalet
Chalet è #C29867: rgb(194 152 103), hsl(32 43% 58%), oklch(0.708 0.082 70.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Chalet color name →
#C29867
oklch(0.708 0.082 70.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C8A276
- CEAC85
- D5B694
- DBC1A3
- E1CBB3
- E7D5C2
- EDE0D1
- F3EAE0
- F9F4F0
Ombre
- A88459
- 8F704B
- 775C3D
- 604A30
- 493823
- 342717
- 20170C
- 0E0804
- 020100
Toni
- BB966A
- B5936D
- AE9170
- A88F73
- A18C75
- 9A8A78
- 94887A
- 8D857C
- 87837E
Armonie di colore
Complementare +180°
- C29867
Chalet
- 79A5D3
≈ Boudoir Blue
Analogo -30° +30°
- C29867
Chalet
- CE8F7A
≈ Ginger Scent
- ACA265
≈ Wavy Glass
Triadico +120° +240°
- C29867
Chalet
- 5DB1AC
≈ Artesian Well
- B193C7
≈ Cut Velvet
Complementare divisa +150° +210°
- C29867
Chalet
- 61ADC4
≈ Blue Mist
- 969BD4
≈ Bluebell Frost
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.63:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.98:1 · APCA Lc 51
Miglior colore del testo: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Frammenti di codice
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);
}