Benannte Farbe · #A97069
Summer’s Eve
Summer’s Eve ist #A97069: rgb(169 112 105), hsl(7 27% 54%), oklch(0.603 0.074 27.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Summer’s Eve color name →
#A97069
oklch(0.603 0.074 27.2)
Farbumrechnungen
- HEX
- #a97069
- RGB
- rgb(169 112 105)
- HSL
- hsl(7 27% 54%)
- HWB
- hwb(7 41% 34%)
- OKLCH
- oklch(0.603 0.074 27.2)
- OKLab
- oklab(0.603 0.066 0.034)
- CIE Lab
- lab(53.28 22.59 13.65)
- LCH
- lch(53.28 26.39 31.1)
- CMYK
- cmyk(0% 34% 38% 34%)
Tints · Shades · Tones
Tints
- B27E77
- BB8C85
- C49994
- CDA8A3
- D5B6B1
- DEC4C1
- E6D3D0
- EFE1DF
- F7F0EF
Shades
- 92605A
- 7C514C
- 67433E
- 533531
- 3F2724
- 2C1A18
- 1B0E0C
- 0A0404
- 010100
Tones
- A5726B
- A2746E
- 9E7570
- 9A7772
- 967975
- 927A77
- 8D7C79
- 897D7C
- 857F7E
Farbharmonien
Komplementär +180°
- A97069
Summer’s Eve
- 458E98
≈ Adrift
Analog -30° +30°
- A97069
Summer’s Eve
- A56F82
≈ Never Forget
- A37655
≈ Balthasar Gold
Triadisch +120° +240°
- A97069
Summer’s Eve
- 638D67
≈ Stone Green
- 6D80AE
≈ Marvellous
Geteilt komplementär +150° +210°
- A97069
Summer’s Eve
- 4C9080
≈ Lochinvar
- 5488A8
≈ Safe Haven
Tetradisch +90° +180° +270°
- A97069
Summer’s Eve
- 7E8753
≈ Field Maple
- 458E98
≈ Adrift
- 8678A8
≈ Grape Parfait
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.03:1 · APCA Lc 67
Ag
AAAuf Schwarz
WCAG 5.20:1 · APCA Lc 34
Beste Textfarbe: #000000
WCAG 5.20:1 (AA) · APCA Lc 34
Contrast pairs
Code-Snippets
CSS
:root {
--summer-s-eve: #a97069;
--summer-s-eve-rgb: 169 112 105;
--summer-s-eve-oklch: oklch(0.603 0.074 27.2);
}
.element {
color: var(--summer-s-eve);
background-color: hsl(7 27% 54%);
border-color: oklch(0.603 0.074 27.2);
}Tailwind CSS v4
@theme {
--color-summer-s-eve: #a97069;
--color-summer-s-eve-50: #ffeee9;
--color-summer-s-eve-100: #ffdfda;
--color-summer-s-eve-200: #f2c9c2;
--color-summer-s-eve-300: #dbaaa2;
--color-summer-s-eve-400: #c78e87;
--color-summer-s-eve-500: #b2736b;
--color-summer-s-eve-600: #96625b;
--color-summer-s-eve-700: #794e49;
--color-summer-s-eve-800: #593835;
--color-summer-s-eve-900: #3f2624;
--color-summer-s-eve-950: #281513;
}SCSS
$summer-s-eve: #a97069;
$summer-s-eve-rgb: 169, 112, 105;
$summer-s-eve-light: mix(#fff, $summer-s-eve, 20%);
$summer-s-eve-dark: mix(#000, $summer-s-eve, 20%);
.element {
color: $summer-s-eve;
box-shadow: 0 0 0 2px rgba($summer-s-eve, 0.35);
}