Benannte Farbe · #D7A97C
Band-Aid
Band-Aid ist #D7A97C: rgb(215 169 124), hsl(30 53% 66%), oklch(0.766 0.081 65.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Band-Aid color name →
#D7A97C
oklch(0.766 0.081 65.5)
Farbumrechnungen
- HEX
- #d7a97c
- RGB
- rgb(215 169 124)
- HSL
- hsl(30 53% 66%)
- HWB
- hwb(30 49% 16%)
- OKLCH
- oklch(0.766 0.081 65.5)
- OKLab
- oklab(0.766 0.033 0.073)
- CIE Lab
- lab(72.75 13.16 30.02)
- LCH
- lch(72.75 32.78 66.3)
- CMYK
- cmyk(0% 21% 42% 16%)
Tints · Shades · Tones
Tints
- DBB289
- DFBA96
- E4C3A3
- E8CBB0
- ECD4BD
- F0DCCA
- F4E5D7
- F7EEE5
- FBF6F2
Shades
- BB926B
- 9F7C5A
- 85674A
- 6B533B
- 523F2C
- 3B2C1E
- 251B11
- 110A05
- 020101
Tones
- CEA57D
- C5A17E
- BD9D7E
- B4997F
- AB957F
- A29180
- 9A8C80
- 918880
- 898480
Farbharmonien
Komplementär +180°
- D7A97C
Band-Aid
- 88B9E4
≈ C’est la Vie
Analog -30° +30°
- D7A97C
Band-Aid
- E1A190
≈ Venetian Plaster
- C3B377
≈ Cool Avocado
Triadisch +120° +240°
- D7A97C
Band-Aid
- 74C4BA
≈ Pale Jade
- BFA6DD
≈ Enchanted Lavender
Geteilt komplementär +150° +210°
- D7A97C
Band-Aid
- 74C0D4
≈ Surfin’
- A4AFE7
≈ Maximum Blue Purple
Tetradisch +90° +180° +270°
- D7A97C
Band-Aid
- 89C39D
≈ Delltone
- 88B9E4
≈ C’est la Vie
- D4A0C7
≈ Geranium Bud
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.85:1 · APCA Lc 61
Beste Textfarbe: #000000
WCAG 9.85:1 (AAA) · APCA Lc 61
Contrast pairs
Code-Snippets
CSS
:root {
--band-aid: #d7a97c;
--band-aid-rgb: 215 169 124;
--band-aid-oklch: oklch(0.766 0.081 65.5);
}
.element {
color: var(--band-aid);
background-color: hsl(30 53% 66%);
border-color: oklch(0.766 0.081 65.5);
}Tailwind CSS v4
@theme {
--color-band-aid: #d7a97c;
--color-band-aid-50: #fff1dd;
--color-band-aid-100: #fbe3cc;
--color-band-aid-200: #ecceb0;
--color-band-aid-300: #d4b08b;
--color-band-aid-400: #c0956b;
--color-band-aid-500: #ab7b4a;
--color-band-aid-600: #90683f;
--color-band-aid-700: #745332;
--color-band-aid-800: #563c24;
--color-band-aid-900: #3c2918;
--color-band-aid-950: #261709;
}SCSS
$band-aid: #d7a97c;
$band-aid-rgb: 215, 169, 124;
$band-aid-light: mix(#fff, $band-aid, 20%);
$band-aid-dark: mix(#000, $band-aid, 20%);
.element {
color: $band-aid;
box-shadow: 0 0 0 2px rgba($band-aid, 0.35);
}