Nächste benannte Farbe · #B3C099
#B3C099
Nächste benannte Farbe: Camping Grounds
#B3C099 (rgb(179 192 153), hsl(80 24% 68%), oklch(0.787 0.055 122.6)) liegt am nächsten an der benannten Farbe Camping Grounds. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B3C099
oklch(0.787 0.055 122.6)
Farbumrechnungen
- HEX
- #b3c099
- RGB
- rgb(179 192 153)
- HSL
- hsl(80 24% 68%)
- HWB
- hwb(80 60% 25%)
- OKLCH
- oklch(0.787 0.055 122.6)
- OKLab
- oklab(0.787 -0.03 0.047)
- CIE Lab
- lab(75.91 -9.75 18.16)
- LCH
- lch(75.91 20.61 118.2)
- CMYK
- cmyk(7% 0% 20% 25%)
Tints · Shades · Tones
Tints
- BAC6A3
- C2CCAD
- C9D3B7
- D1D9C1
- D8DFCB
- E0E6D6
- E8ECE0
- EFF2EA
- F7F9F5
Shades
- 9BA784
- 848E70
- 6E765D
- 585F4A
- 434938
- 2F3427
- 1D2017
- 0C0E08
- 010201
Tones
- AEB997
- A9B394
- A3AC92
- 9EA68F
- 99A08D
- 94998A
- 8F9388
- 8A8C85
- 858683
Farbharmonien
Komplementär +180°
- B3C099
Camping Grounds
- C0B2D8
≈ Moonraker
Analog -30° +30°
- B3C099
Camping Grounds
- C6B992
≈ Earth Friendly
- A0C5A9
≈ Mini Green
Triadisch +120° +240°
- B3C099
Camping Grounds
- 9CBFDB
≈ Blue Magpie
- D9ACB6
≈ Pink Nectar
Geteilt komplementär +150° +210°
- B3C099
Camping Grounds
- ADB8DE
≈ Wisp
- D0ADC9
≈ Orchid Bouquet
Tetradisch +90° +180° +270°
- B3C099
Camping Grounds
- 91C4CF
≈ Cosmic Blue
- C0B2D8
≈ Moonraker
- DBADA3
≈ Everything’s Rosy
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.92:1 · APCA Lc 37
Ag
AAAAuf Schwarz
WCAG 10.91:1 · APCA Lc 66
Beste Textfarbe: #000000
WCAG 10.91:1 (AAA) · APCA Lc 66
Contrast pairs
Code-Snippets
CSS
:root {
--camping-grounds: #b3c099;
--camping-grounds-rgb: 179 192 153;
--camping-grounds-oklch: oklch(0.787 0.055 122.6);
}
.element {
color: var(--camping-grounds);
background-color: hsl(80 24% 68%);
border-color: oklch(0.787 0.055 122.6);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b3c099;
--color-camping-grounds-50: #f1f8e7;
--color-camping-grounds-100: #e4ebd8;
--color-camping-grounds-200: #cfd9bf;
--color-camping-grounds-300: #b1bd9e;
--color-camping-grounds-400: #98a480;
--color-camping-grounds-500: #7f8c63;
--color-camping-grounds-600: #6c7755;
--color-camping-grounds-700: #565f43;
--color-camping-grounds-800: #3f4530;
--color-camping-grounds-900: #2c3020;
--color-camping-grounds-950: #191c10;
}SCSS
$camping-grounds: #b3c099;
$camping-grounds-rgb: 179, 192, 153;
$camping-grounds-light: mix(#fff, $camping-grounds, 20%);
$camping-grounds-dark: mix(#000, $camping-grounds, 20%);
.element {
color: $camping-grounds;
box-shadow: 0 0 0 2px rgba($camping-grounds, 0.35);
}