Nazwany kolor · #AB714A
Copper Mountain
Copper Mountain to #AB714A: rgb(171 113 74), hsl(24 40% 48%), oklch(0.601 0.091 54). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Copper Mountain color name →
#AB714A
oklch(0.601 0.091 54)
Konwersje koloru
- HEX
- #ab714a
- RGB
- rgb(171 113 74)
- HSL
- hsl(24 40% 48%)
- HWB
- hwb(24 29% 33%)
- OKLCH
- oklch(0.601 0.091 54)
- OKLab
- oklab(0.601 0.054 0.074)
- CIE Lab
- lab(53.29 20.57 31.34)
- LCH
- lch(53.29 37.48 56.7)
- CMYK
- cmyk(0% 34% 57% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B47F5C
- BD8D6E
- C59B7F
- CEA991
- D6B7A3
- DFC5B5
- E7D3C7
- EFE2DA
- F7F0EC
Odcienie ciemniejsze
- 94613F
- 7E5235
- 68432A
- 543520
- 402717
- 2D1A0E
- 1B0E06
- 0B0402
- 010100
Tony
- A77350
- A37556
- 9F765C
- 9B7862
- 977967
- 927B6C
- 8E7C71
- 897E76
- 857F7B
Harmonie kolorów
Komplementarna +180°
- AB714A
Copper Mountain
- 4289AF
≈ Tropic
Analogowa -30° +30°
- AB714A
Copper Mountain
- B16A66
≈ Jabłoński Brown
- 9A7C3B
≈ Metallic Sunburst
Triada +120° +240°
- AB714A
Copper Mountain
- 3A927C
≈ Illuminating Emerald
- 8376B2
≈ Dahlia Purple
Komplementarna rozszczepiona +150° +210°
- AB714A
Copper Mountain
- 29909A
≈ Peacock Feather
- 6580B7
≈ Marvellous
Tetrada +90° +180° +270°
- AB714A
Copper Mountain
- 5E8F5D
≈ Irish Charm
- 4289AF
≈ Tropic
- 9C6D9F
≈ Dark Lilac
Kontrast i dostępność
Ag
FailNa bieli
WCAG 4.04:1 · APCA Lc 68
Ag
AANa czerni
WCAG 5.19:1 · APCA Lc 34
Najlepszy kolor tekstu: #000000
WCAG 5.19:1 (AA) · APCA Lc 34
Contrast pairs
Fragmenty kodu
CSS
:root {
--copper-mountain: #ab714a;
--copper-mountain-rgb: 171 113 74;
--copper-mountain-oklch: oklch(0.601 0.091 54);
}
.element {
color: var(--copper-mountain);
background-color: hsl(24 40% 48%);
border-color: oklch(0.601 0.091 54);
}Tailwind CSS v4
@theme {
--color-copper-mountain: #ab714a;
--color-copper-mountain-50: #ffefdd;
--color-copper-mountain-100: #ffe1cb;
--color-copper-mountain-200: #f4cbaf;
--color-copper-mountain-300: #dcac8a;
--color-copper-mountain-400: #c9906a;
--color-copper-mountain-500: #b57549;
--color-copper-mountain-600: #99633f;
--color-copper-mountain-700: #7b4f32;
--color-copper-mountain-800: #5b3924;
--color-copper-mountain-900: #402718;
--color-copper-mountain-950: #291509;
}SCSS
$copper-mountain: #ab714a;
$copper-mountain-rgb: 171, 113, 74;
$copper-mountain-light: mix(#fff, $copper-mountain, 20%);
$copper-mountain-dark: mix(#000, $copper-mountain, 20%);
.element {
color: $copper-mountain;
box-shadow: 0 0 0 2px rgba($copper-mountain, 0.35);
}