Benannte Farbe · #ADB864
Beach Bag
Beach Bag ist #ADB864: rgb(173 184 100), hsl(68 37% 56%), oklch(0.755 0.109 115.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Yellow mean? → · Beach Bag color name →
#ADB864
oklch(0.755 0.109 115.2)
Farbumrechnungen
- HEX
- #adb864
- RGB
- rgb(173 184 100)
- HSL
- hsl(68 37% 56%)
- HWB
- hwb(68 39% 28%)
- OKLCH
- oklch(0.755 0.109 115.2)
- OKLab
- oklab(0.755 -0.047 0.099)
- CIE Lab
- lab(72.52 -13.34 41.01)
- LCH
- lch(72.52 43.13 108)
- CMYK
- cmyk(6% 0% 46% 28%)
Tints · Shades · Tones
Tints
- B5BF75
- BDC685
- C5CD94
- CDD5A4
- D5DCB3
- DDE3C2
- E5EAD1
- EEF1E1
- F6F8F0
Shades
- 96A056
- 7F8848
- 6A713B
- 555B2E
- 414522
- 2D3116
- 1B1E0B
- 0B0C03
- 010200
Tones
- A8B268
- A4AD6C
- 9FA770
- 9AA273
- 969C75
- 919678
- 8D917A
- 898B7C
- 84867E
Farbharmonien
Komplementär +180°
- ADB864
Beach Bag
- B5A2EE
≈ Lavender Cream
Analog -30° +30°
- ADB864
Beach Bag
- CFAA59
≈ Golden Blond
- 82C284
≈ Rally Green
Triadisch +120° +240°
- ADB864
Beach Bag
- 64BBEB
≈ Norfolk Sky
- E792B3
≈ Chewing Gum Pink
Geteilt komplementär +150° +210°
- ADB864
Beach Bag
- 8EAEF5
≈ Kitten’s Eye
- D397D6
≈ Somewhere in a Fairytale
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.13:1 · APCA Lc 42
Ag
AAAAuf Schwarz
WCAG 9.81:1 · APCA Lc 60
Beste Textfarbe: #000000
WCAG 9.81:1 (AAA) · APCA Lc 60
Contrast pairs
Code-Snippets
CSS
:root {
--beach-bag: #adb864;
--beach-bag-rgb: 173 184 100;
--beach-bag-oklch: oklch(0.755 0.109 115.2);
}
.element {
color: var(--beach-bag);
background-color: hsl(68 37% 56%);
border-color: oklch(0.755 0.109 115.2);
}Tailwind CSS v4
@theme {
--color-beach-bag: #adb864;
--color-beach-bag-50: #f2fad7;
--color-beach-bag-100: #e5edc4;
--color-beach-bag-200: #d0dba6;
--color-beach-bag-300: #b3bf7e;
--color-beach-bag-400: #9ca658;
--color-beach-bag-500: #848e2d;
--color-beach-bag-600: #707828;
--color-beach-bag-700: #596020;
--color-beach-bag-800: #434614;
--color-beach-bag-900: #2e310c;
--color-beach-bag-950: #1b1d01;
}SCSS
$beach-bag: #adb864;
$beach-bag-rgb: 173, 184, 100;
$beach-bag-light: mix(#fff, $beach-bag, 20%);
$beach-bag-dark: mix(#000, $beach-bag, 20%);
.element {
color: $beach-bag;
box-shadow: 0 0 0 2px rgba($beach-bag, 0.35);
}