Colore con nome · #B4C2A2
Camping Grounds
Camping Grounds è #B4C2A2: rgb(180 194 162), hsl(86 21% 70%), oklch(0.795 0.047 126.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Camping Grounds color name →
#B4C2A2
oklch(0.795 0.047 126.7)
Conversioni di colore
- HEX
- #b4c2a2
- RGB
- rgb(180 194 162)
- HSL
- hsl(86 21% 70%)
- HWB
- hwb(86 64% 24%)
- OKLCH
- oklch(0.795 0.047 126.7)
- OKLab
- oklab(0.795 -0.028 0.037)
- CIE Lab
- lab(76.69 -9.28 14.46)
- LCH
- lch(76.69 17.18 122.7)
- CMYK
- cmyk(7% 0% 16% 24%)
Tinte · Ombre · Toni
Tinte
- BBC8AB
- C3CEB4
- CAD4BD
- D1DAC7
- D9E0D0
- E0E6D9
- E8ECE3
- F0F3EC
- F7F9F5
Ombre
- 9CA88C
- 858F77
- 6E7763
- 58604F
- 44493C
- 30342A
- 1D2019
- 0C0E0A
- 020201
Toni
- AFBB9F
- A9B49B
- A4AE98
- 9FA794
- 9AA091
- 949A8E
- 8F938A
- 8A8D87
- 858683
Armonie di colore
Complementare +180°
- B4C2A2
Camping Grounds
- C4B5D4
≈ Plumeria
Analogo -30° +30°
- B4C2A2
Camping Grounds
- C4BD9B
≈ Fields Afar
- A4C6B0
≈ Lobaria Lichen
Triadico +120° +240°
- B4C2A2
Camping Grounds
- A5C0D9
≈ Canopy Bed
- D8B0B7
≈ Floss
Complementare divisa +150° +210°
- B4C2A2
Camping Grounds
- B4BADB
≈ Lilac Flare
- D0B1C7
≈ Tranquil Dusk
Tetradico +90° +180° +270°
- B4C2A2
Camping Grounds
- 9BC4D0
≈ Alluring Blue
- C4B5D4
≈ Plumeria
- D8B2A7
≈ Sandpaper
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.87:1 · APCA Lc 36
Ag
AAASu nero
WCAG 11.17:1 · APCA Lc 67
Miglior colore del testo: #000000
WCAG 11.17:1 (AAA) · APCA Lc 67
Contrast pairs
Frammenti di codice
CSS
:root {
--camping-grounds: #b4c2a2;
--camping-grounds-rgb: 180 194 162;
--camping-grounds-oklch: oklch(0.795 0.047 126.7);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 21% 70%);
border-color: oklch(0.795 0.047 126.7);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b4c2a2;
--color-camping-grounds-50: #f1f8ea;
--color-camping-grounds-100: #e3ebdb;
--color-camping-grounds-200: #ced8c4;
--color-camping-grounds-300: #b0bca3;
--color-camping-grounds-400: #97a486;
--color-camping-grounds-500: #7e8c6b;
--color-camping-grounds-600: #6b775b;
--color-camping-grounds-700: #555f48;
--color-camping-grounds-800: #3f4534;
--color-camping-grounds-900: #2b3023;
--color-camping-grounds-950: #181c12;
}SCSS
$camping-grounds: #b4c2a2;
$camping-grounds-rgb: 180, 194, 162;
$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);
}