Nazwany kolor · #A28367
New Chestnut
New Chestnut to #A28367: rgb(162 131 103), hsl(28 24% 52%), oklch(0.632 0.055 63.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · New Chestnut color name →
#A28367
oklch(0.632 0.055 63.7)
Konwersje koloru
- HEX
- #a28367
- RGB
- rgb(162 131 103)
- HSL
- hsl(28 24% 52%)
- HWB
- hwb(28 40% 36%)
- OKLCH
- oklch(0.632 0.055 63.7)
- OKLab
- oklab(0.632 0.024 0.049)
- CIE Lab
- lab(57.2 9.29 19.9)
- LCH
- lch(57.2 21.96 65)
- CMYK
- cmyk(0% 19% 36% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- AB8F75
- B49B84
- BEA793
- C7B3A2
- D0BFB1
- D9CCC0
- E3D9D0
- ECE5DF
- F6F2EF
Odcienie ciemniejsze
- 8C7159
- 77604B
- 634F3D
- 4F3F30
- 3C2F23
- 2A2017
- 19120C
- 0A0604
- 010100
Tony
- 9F836A
- 9B836C
- 98826F
- 958272
- 918274
- 8E8177
- 8A8179
- 87817B
- 84807E
Harmonie kolorów
Komplementarna +180°
- A28367
New Chestnut
- 6D8EA9
≈ Scanda
Analogowa -30° +30°
- A28367
New Chestnut
- A87E74
≈ Fresh Cedar
- 958A63
≈ Enchanted Wood
Triada +120° +240°
- A28367
New Chestnut
- 63958D
≈ Green Turquoise
- 9182A6
≈ Fabulous Grape
Komplementarna rozszczepiona +150° +210°
- A28367
New Chestnut
- 62939E
≈ Clear Brook
- 7F88AC
≈ Purple Impression
Tetrada +90° +180° +270°
- A28367
New Chestnut
- 70947A
≈ Watercress
- 6D8EA9
≈ Scanda
- 9F7E98
≈ Cali Lily
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.51:1 · APCA Lc 63
Ag
AANa czerni
WCAG 5.97:1 · APCA Lc 39
Najlepszy kolor tekstu: #000000
WCAG 5.97:1 (AA) · APCA Lc 39
Contrast pairs
Fragmenty kodu
CSS
:root {
--new-chestnut: #a28367;
--new-chestnut-rgb: 162 131 103;
--new-chestnut-oklch: oklch(0.632 0.055 63.7);
}
.element {
color: var(--new-chestnut);
background-color: hsl(28 24% 52%);
border-color: oklch(0.632 0.055 63.7);
}Tailwind CSS v4
@theme {
--color-new-chestnut: #a28367;
--color-new-chestnut-50: #fff2e5;
--color-new-chestnut-100: #f5e5d5;
--color-new-chestnut-200: #e5d0bc;
--color-new-chestnut-300: #ccb29a;
--color-new-chestnut-400: #b6987d;
--color-new-chestnut-500: #a17f60;
--color-new-chestnut-600: #886b51;
--color-new-chestnut-700: #6d5641;
--color-new-chestnut-800: #513e2f;
--color-new-chestnut-900: #382b20;
--color-new-chestnut-950: #23180f;
}SCSS
$new-chestnut: #a28367;
$new-chestnut-rgb: 162, 131, 103;
$new-chestnut-light: mix(#fff, $new-chestnut, 20%);
$new-chestnut-dark: mix(#000, $new-chestnut, 20%);
.element {
color: $new-chestnut;
box-shadow: 0 0 0 2px rgba($new-chestnut, 0.35);
}