Nazwany kolor · #C29867
Chalet
Chalet to #C29867: rgb(194 152 103), hsl(32 43% 58%), oklch(0.708 0.082 70.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Chalet color name →
#C29867
oklch(0.708 0.082 70.2)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C8A276
- CEAC85
- D5B694
- DBC1A3
- E1CBB3
- E7D5C2
- EDE0D1
- F3EAE0
- F9F4F0
Odcienie ciemniejsze
- A88459
- 8F704B
- 775C3D
- 604A30
- 493823
- 342717
- 20170C
- 0E0804
- 020100
Tony
- BB966A
- B5936D
- AE9170
- A88F73
- A18C75
- 9A8A78
- 94887A
- 8D857C
- 87837E
Harmonie kolorów
Komplementarna +180°
- C29867
Chalet
- 79A5D3
≈ Boudoir Blue
Analogowa -30° +30°
- C29867
Chalet
- CE8F7A
≈ Ginger Scent
- ACA265
≈ Wavy Glass
Triada +120° +240°
- C29867
Chalet
- 5DB1AC
≈ Artesian Well
- B193C7
≈ Cut Velvet
Komplementarna rozszczepiona +150° +210°
- C29867
Chalet
- 61ADC4
≈ Blue Mist
- 969BD4
≈ Bluebell Frost
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.98:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
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);
}