Benannte Farbe · #B0C4C4
Jungle Mist
Jungle Mist ist #B0C4C4: rgb(176 196 196), hsl(180 14% 73%), oklch(0.805 0.022 196.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Jungle Mist color name →
#B0C4C4
oklch(0.805 0.022 196.7)
Farbumrechnungen
- HEX
- #b0c4c4
- RGB
- rgb(176 196 196)
- HSL
- hsl(180 14% 73%)
- HWB
- hwb(180 69% 23%)
- OKLCH
- oklch(0.805 0.022 196.7)
- OKLab
- oklab(0.805 -0.021 -0.006)
- CIE Lab
- lab(77.63 -7.05 -2.44)
- LCH
- lch(77.63 7.46 199.1)
- CMYK
- cmyk(10% 0% 0% 23%)
Tints · Shades · Tones
Tints
- B8CACA
- C0D0D0
- C7D5D5
- CFDBDB
- D7E1E1
- DFE7E7
- E7EDED
- EFF3F3
- F7F9F9
Shades
- 99AAAA
- 829191
- 6C7878
- 566161
- 424A4A
- 2E3535
- 1C2121
- 0B0E0E
- 010202
Tones
- ABBDBD
- A6B6B6
- A1AFAF
- 9DA8A8
- 98A1A1
- 939B9B
- 8E9494
- 898D8D
- 858787
Farbharmonien
Komplementär +180°
- B0C4C4
Jungle Mist
- CDBABA
≈ Silentropae Cloud
Analog -30° +30°
- B0C4C4
Jungle Mist
- B3C4BC
≈ Hearth Frost
- B1C3CA
≈ Yín Sè Silver
Triadisch +120° +240°
- B0C4C4
Jungle Mist
- C5BBC9
≈ Gentleman’s Suit
- C8BEB0
≈ Raw Cashew Nut
Geteilt komplementär +150° +210°
- B0C4C4
Jungle Mist
- CBBAC2
≈ Lady Fingers
- CCBBB4
≈ Woven Cashmere
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.81:1 · APCA Lc 34
Ag
AAAAuf Schwarz
WCAG 11.53:1 · APCA Lc 69
Beste Textfarbe: #000000
WCAG 11.53:1 (AAA) · APCA Lc 69
Contrast pairs
Code-Snippets
CSS
:root {
--jungle-mist: #b0c4c4;
--jungle-mist-rgb: 176 196 196;
--jungle-mist-oklch: oklch(0.805 0.022 196.7);
}
.element {
color: var(--jungle-mist);
background-color: hsl(180 14% 73%);
border-color: oklch(0.805 0.022 196.7);
}Tailwind CSS v4
@theme {
--color-jungle-mist: #b0c4c4;
--color-jungle-mist-50: #eef7f7;
--color-jungle-mist-100: #e0eaea;
--color-jungle-mist-200: #cad7d8;
--color-jungle-mist-300: #abbbbb;
--color-jungle-mist-400: #90a3a3;
--color-jungle-mist-500: #768b8b;
--color-jungle-mist-600: #647676;
--color-jungle-mist-700: #505e5e;
--color-jungle-mist-800: #3a4545;
--color-jungle-mist-900: #28302f;
--color-jungle-mist-950: #161c1c;
}SCSS
$jungle-mist: #b0c4c4;
$jungle-mist-rgb: 176, 196, 196;
$jungle-mist-light: mix(#fff, $jungle-mist, 20%);
$jungle-mist-dark: mix(#000, $jungle-mist, 20%);
.element {
color: $jungle-mist;
box-shadow: 0 0 0 2px rgba($jungle-mist, 0.35);
}