Nazwany kolor · #D98A3F
Coppersmith
Coppersmith to #D98A3F: rgb(217 138 63), hsl(29 67% 55%), oklch(0.702 0.131 61.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Coppersmith color name →
#D98A3F
oklch(0.702 0.131 61.1)
Konwersje koloru
- HEX
- #d98a3f
- RGB
- rgb(217 138 63)
- HSL
- hsl(29 67% 55%)
- HWB
- hwb(29 25% 15%)
- OKLCH
- oklch(0.702 0.131 61.1)
- OKLab
- oklab(0.702 0.063 0.115)
- CIE Lab
- lab(64.93 26.4 51.73)
- LCH
- lch(64.93 58.07 63)
- CMYK
- cmyk(0% 36% 71% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DE9656
- E2A26A
- E6AE7D
- EBB990
- EEC5A3
- F2D1B5
- F6DCC8
- F9E8DA
- FCF3EC
Odcienie ciemniejsze
- BC7735
- A1652C
- 865323
- 6C421B
- 533212
- 3B220A
- 251404
- 110701
- 020100
Tony
- D08A49
- C88952
- BF8859
- B68760
- AD8766
- A4856C
- 9B8471
- 928377
- 89827B
Harmonie kolorów
Komplementarna +180°
- D98A3F
Coppersmith
- 46A8E9
≈ High Blue
Analogowa -30° +30°
- D98A3F
Coppersmith
- E57D6B
≈ Cosmic Coral
- BD9B28
≈ Buddha Gold
Triada +120° +240°
- D98A3F
Coppersmith
- 00B8A4
≈ Aare River
- AD8AE3
≈ Middy’s Purple
Komplementarna rozszczepiona +150° +210°
- D98A3F
Coppersmith
- 00B3CA
≈ Antigua Blue
- 8199F1
≈ Periwinkle Blue
Tetrada +90° +180° +270°
- D98A3F
Coppersmith
- 59B674
≈ Lawn Party
- 46A8E9
≈ High Blue
- CD7FC4
≈ Peruvian Lily
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.74:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.65:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--coppersmith: #d98a3f;
--coppersmith-rgb: 217 138 63;
--coppersmith-oklch: oklch(0.702 0.131 61.1);
}
.element {
color: var(--coppersmith);
background-color: hsl(29 67% 55%);
border-color: oklch(0.702 0.131 61.1);
}Tailwind CSS v4
@theme {
--color-coppersmith: #d98a3f;
--color-coppersmith-50: #ffeecf;
--color-coppersmith-100: #ffdfbb;
--color-coppersmith-200: #fdc99a;
--color-coppersmith-300: #e7a86e;
--color-coppersmith-400: #d68b45;
--color-coppersmith-500: #c36e00;
--color-coppersmith-600: #a45d08;
--color-coppersmith-700: #844b09;
--color-coppersmith-800: #633506;
--color-coppersmith-900: #452405;
--color-coppersmith-950: #2d1300;
}SCSS
$coppersmith: #d98a3f;
$coppersmith-rgb: 217, 138, 63;
$coppersmith-light: mix(#fff, $coppersmith, 20%);
$coppersmith-dark: mix(#000, $coppersmith, 20%);
.element {
color: $coppersmith;
box-shadow: 0 0 0 2px rgba($coppersmith, 0.35);
}