Nächste benannte Farbe · #D3895C
#D3895C
Nächste benannte Farbe: Copperhead
#D3895C (rgb(211 137 92), hsl(23 57% 59%), oklch(0.696 0.109 51.4)) liegt am nächsten an der benannten Farbe Copperhead. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#D3895C
oklch(0.696 0.109 51.4)
Farbumrechnungen
- HEX
- #d3895c
- RGB
- rgb(211 137 92)
- HSL
- hsl(23 57% 59%)
- HWB
- hwb(23 36% 17%)
- OKLCH
- oklch(0.696 0.109 51.4)
- OKLab
- oklab(0.696 0.068 0.085)
- CIE Lab
- lab(64.22 25.77 36.21)
- LCH
- lch(64.22 44.45 54.6)
- CMYK
- cmyk(0% 35% 56% 17%)
Tints · Shades · Tones
Tints
- D8956D
- DDA17D
- E2AC8D
- E7B89D
- EBC4AD
- F0D0BE
- F4DBCE
- F8E7DE
- FBF3EE
Shades
- B7764F
- 9C6442
- 825336
- 69422A
- 51311F
- 3A2214
- 24140A
- 100703
- 020100
Tones
- CB8961
- C38865
- BB8769
- B3876D
- AA8671
- A28574
- 9A8477
- 91837A
- 89817D
Farbharmonien
Komplementär +180°
- D3895C
Copperhead
- 4BA9D5
≈ Cousteau
Analog -30° +30°
- D3895C
Copperhead
- D9817F
≈ Sea Pink
- C09647
≈ Suzani Gold
Triadisch +120° +240°
- D3895C
Copperhead
- 47B395
≈ Green Blue
- 9E91DC
≈ Middy’s Purple
Geteilt komplementär +150° +210°
- D3895C
Copperhead
- 2CB1BA
≈ Marrakech Mile
- 779DE1
≈ Ice Blue
Tetradisch +90° +180° +270°
- D3895C
Copperhead
- 76AE6E
≈ Alfalfa Bug
- 4BA9D5
≈ Cousteau
- BD86C6
≈ Lavender Sweater
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.79:1 · APCA Lc 54
Ag
AAAAuf Schwarz
WCAG 7.50:1 · APCA Lc 48
Beste Textfarbe: #000000
WCAG 7.50:1 (AAA) · APCA Lc 48
Contrast pairs
Code-Snippets
CSS
:root {
--copperhead: #d3895c;
--copperhead-rgb: 211 137 92;
--copperhead-oklch: oklch(0.696 0.109 51.4);
}
.element {
color: var(--copperhead);
background-color: hsl(23 57% 59%);
border-color: oklch(0.696 0.109 51.4);
}Tailwind CSS v4
@theme {
--color-copperhead: #d3895c;
--color-copperhead-50: #ffedd9;
--color-copperhead-100: #ffdfc7;
--color-copperhead-200: #fac8a9;
--color-copperhead-300: #e4a883;
--color-copperhead-400: #d28b61;
--color-copperhead-500: #be6f3c;
--color-copperhead-600: #a15e34;
--color-copperhead-700: #814b29;
--color-copperhead-800: #60361e;
--color-copperhead-900: #442513;
--color-copperhead-950: #2b1305;
}SCSS
$copperhead: #d3895c;
$copperhead-rgb: 211, 137, 92;
$copperhead-light: mix(#fff, $copperhead, 20%);
$copperhead-dark: mix(#000, $copperhead, 20%);
.element {
color: $copperhead;
box-shadow: 0 0 0 2px rgba($copperhead, 0.35);
}