En yakın adlandırılmış renk · #B8C7A4
#B8C7A4
En yakın adlandırılmış renk: Camping Grounds
#B8C7A4 (rgb(184 199 164), hsl(86 24% 71%), oklch(0.809 0.051 126.4)) en çok Camping Grounds adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#B8C7A4
oklch(0.809 0.051 126.4)
Renk dönüşümleri
- HEX
- #b8c7a4
- RGB
- rgb(184 199 164)
- HSL
- hsl(86 24% 71%)
- HWB
- hwb(86 64% 22%)
- OKLCH
- oklch(0.809 0.051 126.4)
- OKLab
- oklab(0.809 -0.03 0.041)
- CIE Lab
- lab(78.38 -9.97 15.78)
- LCH
- lch(78.38 18.67 122.3)
- CMYK
- cmyk(8% 0% 18% 22%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BFCDAD
- C6D2B6
- CDD8BF
- D4DDC8
- DBE3D1
- E2E8DA
- E9EEE3
- F0F4EC
- F8F9F6
Koyu tonlar
- A0AD8E
- 889379
- 717A64
- 5B6250
- 454C3D
- 31362B
- 1E211A
- 0C0E0A
- 020201
Gri tonlar
- B2C0A0
- ADB89D
- A7B199
- A1AA96
- 9CA392
- 969C8F
- 90958B
- 8B8E87
- 858784
Renk uyumları
Tamamlayıcı +180°
- B8C7A4
Camping Grounds
- C9B9DB
≈ New Love
Analog -30° +30°
- B8C7A4
Camping Grounds
- CAC19C
≈ Tangled Vines
- A7CBB3
≈ Pastel Meadow
Üçlü +120° +240°
- B8C7A4
Camping Grounds
- A7C4E0
≈ Utterly Blue
- DEB4BB
≈ Heart’s Content
Bölünmüş tamamlayıcı +150° +210°
- B8C7A4
Camping Grounds
- B7BEE2
≈ Spoiled Rotten
- D7B5CD
≈ Pink Power
Dörtlü +90° +180° +270°
- B8C7A4
Camping Grounds
- 9CC9D6
≈ Soothing Blue
- C9B9DB
≈ New Love
- DFB6AA
≈ Smoky Salmon
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.78:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.74:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
CSS
:root {
--camping-grounds: #b8c7a4;
--camping-grounds-rgb: 184 199 164;
--camping-grounds-oklch: oklch(0.809 0.051 126.4);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 24% 71%);
border-color: oklch(0.809 0.051 126.4);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b8c7a4;
--color-camping-grounds-50: #f1f8e9;
--color-camping-grounds-100: #e3ebda;
--color-camping-grounds-200: #ced9c2;
--color-camping-grounds-300: #b0bda2;
--color-camping-grounds-400: #97a484;
--color-camping-grounds-500: #7d8d68;
--color-camping-grounds-600: #6a7759;
--color-camping-grounds-700: #555f47;
--color-camping-grounds-800: #3e4632;
--color-camping-grounds-900: #2b3022;
--color-camping-grounds-950: #181c11;
}SCSS
$camping-grounds: #b8c7a4;
$camping-grounds-rgb: 184, 199, 164;
$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);
}