Najbliższy nazwany kolor · #B5C69F
#B5C69F
Najbliższy nazwany kolor: Camping Grounds
#B5C69F (rgb(181 198 159), hsl(86 25% 70%), oklch(0.803 0.056 126.8)) jest najbliższy nazwanemu kolorowi Camping Grounds. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#B5C69F
oklch(0.803 0.056 126.8)
Konwersje koloru
- HEX
- #b5c69f
- RGB
- rgb(181 198 159)
- HSL
- hsl(86 25% 70%)
- HWB
- hwb(86 62% 22%)
- OKLCH
- oklch(0.803 0.056 126.8)
- OKLab
- oklab(0.803 -0.034 0.045)
- CIE Lab
- lab(77.8 -11.19 17.58)
- LCH
- lch(77.8 20.84 122.5)
- CMYK
- cmyk(9% 0% 20% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BCCCA8
- C3D1B2
- CBD7BB
- D2DDC5
- D9E2CF
- E1E8D8
- E8EEE2
- F0F3EB
- F7F9F5
Odcienie ciemniejsze
- 9DAC8A
- 869275
- 6F7A61
- 59624D
- 444B3B
- 303529
- 1D2118
- 0C0E09
- 020201
Tony
- B0BF9C
- AAB899
- A5B196
- 9FA993
- 9AA290
- 959B8D
- 90958A
- 8A8E86
- 858783
Harmonie kolorów
Komplementarna +180°
- B5C69F
Camping Grounds
- C8B6DC
≈ Tinted Iris
Analogowa -30° +30°
- B5C69F
Camping Grounds
- C9BF96
≈ Morning Tea
- A2CAB0
≈ Calculus
Triada +120° +240°
- B5C69F
Camping Grounds
- A2C3E2
≈ Pale Cerulean
- E0B0B8
≈ Sakura
Komplementarna rozszczepiona +150° +210°
- B5C69F
Camping Grounds
- B5BCE4
≈ Wish
- D7B1CC
≈ Pink Ivory
Tetrada +90° +180° +270°
- B5C69F
Camping Grounds
- 96C8D7
≈ Blue Glint
- C8B6DC
≈ Tinted Iris
- E0B3A6
≈ Prosciutto
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.54:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--camping-grounds: #b5c69f;
--camping-grounds-rgb: 181 198 159;
--camping-grounds-oklch: oklch(0.803 0.056 126.8);
}
.element {
color: var(--camping-grounds);
background-color: hsl(86 25% 70%);
border-color: oklch(0.803 0.056 126.8);
}Tailwind CSS v4
@theme {
--color-camping-grounds: #b5c69f;
--color-camping-grounds-50: #f0f9e8;
--color-camping-grounds-100: #e2ecd8;
--color-camping-grounds-200: #cdd9c0;
--color-camping-grounds-300: #afbd9f;
--color-camping-grounds-400: #95a581;
--color-camping-grounds-500: #7c8d65;
--color-camping-grounds-600: #697856;
--color-camping-grounds-700: #546044;
--color-camping-grounds-800: #3e4630;
--color-camping-grounds-900: #2b3021;
--color-camping-grounds-950: #181d10;
}SCSS
$camping-grounds: #b5c69f;
$camping-grounds-rgb: 181, 198, 159;
$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);
}