Najbliższy nazwany kolor · #B9C8A6
#B9C8A6
Najbliższy nazwany kolor: Camping Grounds
#B9C8A6 (rgb(185 200 166), hsl(86 24% 72%), oklch(0.812 0.049 126.9)) jest najbliższy nazwanemu kolorowi Camping Grounds. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B9C8A6
oklch(0.812 0.049 126.9)
Konwersje koloru
- HEX
- #b9c8a6
- RGB
- rgb(185 200 166)
- HSL
- hsl(86 24% 72%)
- HWB
- hwb(86 65% 22%)
- OKLCH
- oklch(0.812 0.049 126.9)
- OKLab
- oklab(0.812 -0.03 0.039)
- CIE Lab
- lab(78.76 -9.84 15.26)
- LCH
- lch(78.76 18.16 122.8)
- CMYK
- cmyk(8% 0% 17% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C0CDAF
- C7D3B7
- CED8C0
- D5DEC9
- DBE3D2
- E3E9DB
- EAEEE4
- F1F4ED
- F8F9F6
Odcienie ciemniejsze
- A0AE90
- 89947A
- 717B65
- 5B6351
- 464C3E
- 31362B
- 1E211A
- 0D0F0A
- 020201
Tony
- B3C1A2
- ADB99E
- A8B29B
- A2AB97
- 9CA393
- 969C8F
- 91958B
- 8B8E88
- 868784
Harmonie kolorów
Komplementarna +180°
- B9C8A6
Camping Grounds
- CABADB
≈ Sweet Lucid Dreams
Analogowa -30° +30°
- B9C8A6
Camping Grounds
- CAC29E
≈ Inviting Gesture
- A8CCB5
≈ Bird’s Egg Green
Triada +120° +240°
- B9C8A6
Camping Grounds
- A9C5E0
≈ Utterly Blue
- DFB5BC
≈ Heart’s Content
Komplementarna rozszczepiona +150° +210°
- B9C8A6
Camping Grounds
- B9BFE2
≈ Spoiled Rotten
- D7B6CD
≈ Pink Power
Tetrada +90° +180° +270°
- B9C8A6
Camping Grounds
- 9ECAD6
≈ Soothing Blue
- CABADB
≈ Sweet Lucid Dreams
- DFB7AC
≈ Salmon Grey
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.76:1 · APCA Lc 32
Ag
AAANa czerni
WCAG 11.87:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.87:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--camping-grounds: #b9c8a6;
--camping-grounds-rgb: 185 200 166;
--camping-grounds-oklch: oklch(0.812 0.049 126.9);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 24% 72%);
border-color: oklch(0.812 0.049 126.9);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b9c8a6;
--color-camping-grounds-50: #f1f8e9;
--color-camping-grounds-100: #e3ebda;
--color-camping-grounds-200: #ced9c3;
--color-camping-grounds-300: #b0bda2;
--color-camping-grounds-400: #97a485;
--color-camping-grounds-500: #7d8d69;
--color-camping-grounds-600: #6a7759;
--color-camping-grounds-700: #555f47;
--color-camping-grounds-800: #3e4633;
--color-camping-grounds-900: #2b3023;
--color-camping-grounds-950: #181c12;
}SCSS
$camping-grounds: #b9c8a6;
$camping-grounds-rgb: 185, 200, 166;
$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);
}