Nazwany kolor · #BDC3AC
Jungle Moss
Jungle Moss to #BDC3AC: rgb(189 195 172), hsl(76 16% 72%), oklch(0.806 0.032 119). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Jungle Moss color name →
#BDC3AC
oklch(0.806 0.032 119)
Konwersje koloru
- HEX
- #bdc3ac
- RGB
- rgb(189 195 172)
- HSL
- hsl(76 16% 72%)
- HWB
- hwb(76 67% 24%)
- OKLCH
- oklch(0.806 0.032 119)
- OKLab
- oklab(0.806 -0.016 0.028)
- CIE Lab
- lab(77.84 -5.2 10.86)
- LCH
- lch(77.84 12.04 115.6)
- CMYK
- cmyk(3% 0% 12% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3C9B4
- CACFBC
- D0D5C4
- D7DBCD
- DEE1D5
- E4E7DD
- EBEDE6
- F1F3EE
- F8F9F6
Odcienie ciemniejsze
- A4A995
- 8C907F
- 747869
- 5D6054
- 474A40
- 33342D
- 1F201B
- 0D0E0B
- 020201
Tony
- B7BCA8
- B0B5A3
- AAAE9F
- A4A89A
- 9EA196
- 989A91
- 92948D
- 8C8D89
- 868684
Harmonie kolorów
Komplementarna +180°
- BDC3AC
Jungle Moss
- C2BCD2
≈ Twilight Pearl
Analogowa -30° +30°
- BDC3AC
Jungle Moss
- C8BFA9
≈ Pale Bamboo
- B2C6B5
≈ Zanah
Triada +120° +240°
- BDC3AC
Jungle Moss
- ADC3D3
≈ Ruffled Feathers
- D2B8BF
≈ Blobfish
Komplementarna rozszczepiona +150° +210°
- BDC3AC
Jungle Moss
- B7BFD5
≈ Xenon Blue
- CCB9CA
≈ Antique Heather
Tetrada +90° +180° +270°
- BDC3AC
Jungle Moss
- A9C6CB
≈ Spring Storm
- C2BCD2
≈ Twilight Pearl
- D4B8B4
≈ Cracker Crumbs
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.56:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.56:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--jungle-moss: #bdc3ac;
--jungle-moss-rgb: 189 195 172;
--jungle-moss-oklch: oklch(0.806 0.032 119);
}
.element {
color: var(--jungle-moss);
background-color: hsl(76 16% 72%);
border-color: oklch(0.806 0.032 119);
}Tailwind CSS v4
@theme {
--color-jungle-moss: #bdc3ac;
--color-jungle-moss-50: #f3f7ed;
--color-jungle-moss-100: #e6eade;
--color-jungle-moss-200: #d2d7c8;
--color-jungle-moss-300: #b5baa8;
--color-jungle-moss-400: #9ca18c;
--color-jungle-moss-500: #838a72;
--color-jungle-moss-600: #6f7460;
--color-jungle-moss-700: #595d4d;
--color-jungle-moss-800: #414437;
--color-jungle-moss-900: #2d2f26;
--color-jungle-moss-950: #1a1b14;
}SCSS
$jungle-moss: #bdc3ac;
$jungle-moss-rgb: 189, 195, 172;
$jungle-moss-light: mix(#fff, $jungle-moss, 20%);
$jungle-moss-dark: mix(#000, $jungle-moss, 20%);
.element {
color: $jungle-moss;
box-shadow: 0 0 0 2px rgba($jungle-moss, 0.35);
}