Benannte Farbe · #E7C89F
Jasper Cane
Jasper Cane ist #E7C89F: rgb(231 200 159), hsl(34 60% 76%), oklch(0.849 0.065 74.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Jasper Cane color name →
#E7C89F
oklch(0.849 0.065 74.5)
Farbumrechnungen
- HEX
- #e7c89f
- RGB
- rgb(231 200 159)
- HSL
- hsl(34 60% 76%)
- HWB
- hwb(34 62% 9%)
- OKLCH
- oklch(0.849 0.065 74.5)
- OKLab
- oklab(0.849 0.017 0.062)
- CIE Lab
- lab(82.53 6.96 24.83)
- LCH
- lch(82.53 25.79 74.3)
- CMYK
- cmyk(0% 13% 31% 9%)
Tints · Shades · Tones
Tints
- EACEA9
- ECD3B2
- EED8BC
- F1DEC5
- F3E3CF
- F6E9D9
- F8EEE2
- FAF4EC
- FDF9F5
Shades
- C9AE8A
- AB9475
- 8F7B61
- 73634D
- 594C3B
- 403629
- 282118
- 130F09
- 030201
Tones
- DCC19C
- D2B999
- C7B296
- BDAB93
- B2A390
- A89C8D
- 9E958A
- 948E87
- 8A8783
Farbharmonien
Komplementär +180°
- E7C89F
Jasper Cane
- B1D0F8
≈ Ice Cold Stare
Analog -30° +30°
- E7C89F
Jasper Cane
- F3C1AB
≈ Cosmetic Peach
- D4D0A0
≈ Heart of Palm
Triadisch +120° +240°
- E7C89F
Jasper Cane
- 9BDBDA
≈ Blue Tint
- DDC1EB
≈ Beefy Pink
Geteilt komplementär +150° +210°
- E7C89F
Jasper Cane
- A0D7ED
≈ Soft Summer Rain
- C8C8F7
≈ Soap
Tetradisch +90° +180° +270°
- E7C89F
Jasper Cane
- A7DBC3
≈ Shanghai Jade
- B1D0F8
≈ Ice Cold Stare
- EDBDD8
≈ Sweet Taffy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.59:1 · APCA Lc 27
Ag
AAAAuf Schwarz
WCAG 13.16:1 · APCA Lc 76
Beste Textfarbe: #000000
WCAG 13.16:1 (AAA) · APCA Lc 76
Contrast pairs
Code-Snippets
CSS
:root {
--jasper-cane: #e7c89f;
--jasper-cane-rgb: 231 200 159;
--jasper-cane-oklch: oklch(0.849 0.065 74.5);
}
.element {
color: var(--jasper-cane);
background-color: hsl(34 60% 76%);
border-color: oklch(0.849 0.065 74.5);
}Tailwind CSS v4
@theme {
--color-jasper-cane: #e7c89f;
--color-jasper-cane-50: #fff3e1;
--color-jasper-cane-100: #f5e6d1;
--color-jasper-cane-200: #e4d1b6;
--color-jasper-cane-300: #cbb493;
--color-jasper-cane-400: #b59974;
--color-jasper-cane-500: #a08055;
--color-jasper-cane-600: #876c48;
--color-jasper-cane-700: #6c573a;
--color-jasper-cane-800: #503f29;
--color-jasper-cane-900: #382b1b;
--color-jasper-cane-950: #22190c;
}SCSS
$jasper-cane: #e7c89f;
$jasper-cane-rgb: 231, 200, 159;
$jasper-cane-light: mix(#fff, $jasper-cane, 20%);
$jasper-cane-dark: mix(#000, $jasper-cane, 20%);
.element {
color: $jasper-cane;
box-shadow: 0 0 0 2px rgba($jasper-cane, 0.35);
}